chore: stylelint update to V14,and update the stylelint.config.js

someGenki · Nov 24, 2021 · a862461 · a862461
1 parent 7e140a7
commit a862461
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 191 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-yuan-admin",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "private": true,
   "author": "禾几元",
   "scripts": {
@@ -11,28 +11,28 @@
     "lint:css": "stylelint **/*.{vue,css,sass,scss} --fix"
   },
   "dependencies": {
-    "@vueuse/core": "^6.9.1",
+    "@vueuse/core": "^7.0.3",
     "axios": "^0.24.0",
     "echarts": "^5.2.2",
     "element-plus": "1.1.0-beta.20",
     "js-cookie": "^3.0.1",
     "mockjs": "^1.1.0",
-    "pinia": "^2.0.3",
+    "pinia": "^2.0.4",
     "vue": "^3.2.22",
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.4",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
+    "@vitejs/plugin-vue": "^1.10.0",
+    "@vitejs/plugin-vue-jsx": "^1.3.0",
     "@vue/compiler-sfc": "^3.2.22",
+    "postcss-html": "^1.2.0",
     "prettier": "^2.4.1",
     "sass": "^1.43.4",
-    "stylelint": "^13.13.1",
-    "stylelint-config-prettier": "^8.0.2",
-    "stylelint-config-standard": "^22.0.0",
-    "stylelint-config-recess-order": "^2.5.0",
-    "stylelint-order": "^4.1.0",
-    "stylelint-scss": "^3.21.0",
+    "stylelint": "^14.1.0",
+    "stylelint-config-prettier": "^9.0.3",
+    "stylelint-config-recess-order": "^3.0.0",
+    "stylelint-config-recommended-scss": "^5.0.2",
+    "stylelint-config-recommended-vue": "^1.0.0",
     "vite": "^2.6.14",
     "vite-plugin-mock": "^2.9.6"
   },

diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss
@@ -3,7 +3,7 @@
 * @param {Number} 行数
 */
 @mixin ellipsis($rowCount: 1) {
-  @if $rowCount <=1 {
+  @if $rowCount <= 1 {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;

diff --git a/src/styles/bem-support.scss b/src/styles/bem-support.scss
diff --git a/stylelint.config.js b/stylelint.config.js
@@ -2,54 +2,19 @@
 // vue项目中使用新的单文件组件样式的特性（状态驱动的动态 CSS | v-bind(var) )时，值需要用引号包裹起来，避免被stylelint所格式化
 module.exports = {
   root: true,
-  plugins: ['stylelint-order', 'stylelint-scss'],
   extends: [
-    // > 该风格是 Stylelint 的维护者汲取了 GitHub、Google、Airbnb 多家之长生成的一套css风格规则
-    'stylelint-config-standard',
-    // 兼容于prettier的规则，避免冲突
+    'stylelint-config-recommended-scss',
+    'stylelint-config-recommended-vue',
     'stylelint-config-prettier',
-    // 对css进行排序 https://github.com/stormwarning/stylelint-config-recess-order/blob/main/index.js
+    // 对css进行排序 → https://github.com/stormwarning/stylelint-config-recess-order/blob/main/index.js
     'stylelint-config-recess-order',
   ],
   rules: {
-    'selector-pseudo-class-no-unknown': null,
-    'selector-pseudo-element-no-unknown': null,
-    'at-rule-no-unknown': [
-      true,
-      {
-        ignoreAtRules: [
-          'tailwind',
-          'return',
-          'at-root',
-          'apply',
-          'variants',
-          'responsive',
-          'screen',
-          'function',
-          'if',
-          'else',
-          'each',
-          'include',
-          'mixin',
-        ],
-      },
-    ],
+    'at-rule-no-unknown': null,
     'no-empty-source': null,
-    'named-grid-areas-no-invalid': null,
-    'unicode-bom': 'never',
     'no-descending-specificity': null,
-    'media-feature-name-no-vendor-prefix': true,
-    'font-family-no-missing-generic-family-keyword': null,
-    'declaration-colon-space-after': 'always-single-line',
-    'declaration-colon-space-before': 'never',
-    // 'declaration-block-trailing-semicolon': 'always',
-    'rule-empty-line-before': [
-      'always',
-      {
-        ignore: ['after-comment', 'first-nested'],
-      },
-    ],
-    'unit-no-unknown': [true, { ignoreUnits: ['rpx'] }],
+    'scss/at-import-partial-extension': null,
+    'scss/at-import-no-partial-leading-underscore': null,
   },
   ignoreFiles: ['**/*.js', '**/*.jsx', '**/*.tsx', '**/*.ts'],
 }