feat: access import/order

Author: Jairwin-L

.eslintrc.js

@@ -0,0 +1,75 @@
+module.exports = {
+  plugins: ['import'],
+  // parserOptions: {
+  //   sourceType: module,
+  //   ecmaVersion: 6,
+  // },
+  rules: {
+    'prefer-arrow-callback': [0, { allowNamedFunctions: 0 }],
+    'react/display-name': 0,
+    'no-console': 0,
+    'import/no-unresolved': 'error',
+    'import/order': [
+      'error',
+      {
+        groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index', 'unknown'],
+        pathGroups: [
+          {
+            pattern: 'react',
+            group: 'builtin',
+          },
+          {
+            pattern: 'antd',
+            group: 'external',
+          },
+          {
+            pattern: 'lodash',
+            group: 'external',
+            position: 'before',
+          },
+          {
+            pattern: '@/components/**',
+            group: 'internal',
+            position: 'before',
+          },
+          {
+            pattern: '@/utils/**',
+            group: 'internal',
+            position: 'before',
+          },
+          {
+            pattern: '@/hooks/**',
+            group: 'internal',
+            position: 'before',
+          },
+          {
+            pattern: '@/api/**',
+            group: 'internal',
+            position: 'before',
+          },
+          {
+            pattern: '@/constants/**',
+            group: 'internal',
+            position: 'after',
+          },
+        ],
+      },
+    ],
+  },
+  settings: {
+    'import/parsers': {
+      '@typescript-eslint/parser': ['.ts', '.tsx'],
+    },
+    'import/resolver': {
+      typescript: {
+        alwaysTryTypes: true, // always try to resolve types under `<root>@types` directory even it doesn't contain any source code, like `@types/unist`
+      },
+    },
+  },
+  extends: [
+    'eslint-config-ali/typescript/react',
+    'prettier',
+    // 'prettier/@typescript-eslint',
+    // 'prettier/react',
+  ],
+};

.vscode/extensions.json

@@ -1,8 +1,8 @@
 {
   "recommendations": [
     "dbaeumer.vscode-eslint",
-    "editorconfig.editorconfig",
+    "stylelint.vscode-stylelint",
     "esbenp.prettier-vscode",
-    "stylelint.vscode-stylelint"
+    "editorconfig.editorconfig"
   ]
 }

.vscode/settings.json

@@ -1,14 +1,13 @@
 {
-  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
-  "stylelint.validate": ["css", "scss", "less"],
+  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue"],
+  "stylelint.validate": ["css", "scss", "less", "acss"],
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit",
-    "source.fixAll.stylelint": "explicit",
-    "source.organizeImports": "explicit"
+    "source.fixAll.stylelint": "explicit"
+    // TODO:
+    // "source.organizeImports": "explicit"
   },
-  "editor.rulers": [100],
   "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "editor.formatOnSave": true,
   "[javascript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
@@ -41,5 +40,7 @@
   },
   "[jsonc]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
-  }
+  },
+  "editor.formatOnSave": true,
+  "editor.rulers": [100]
 }

README.md

@@ -4,7 +4,7 @@
 
 ## less 配置
 
-yarn add less-loader style-loader css-loader -D
+pnpm add less-loader style-loader css-loader -D
 
 ## TODO
 

config/webpack.config.js

@@ -3,6 +3,7 @@
 	英文官网：https://webpack.js.org/
 	其他中文网：https://webpack.docschina.org/
 */
+const path = require('path');
 const webpack = require('webpack');
 // html-webpack-plugin：https://www.webpackjs.com/plugins/html-webpack-plugin/
 const HtmlWebpackPlugin = require('html-webpack-plugin');
@@ -22,8 +23,6 @@ const tsImportPluginFactory = require('ts-import-plugin');
 // 生成包含构建hash的json文件：SPA会定期把初始 hash 和远程的 hash 相比较，并在不匹配的时候重新加载。
 const BuildHashPlugin = require('build-hash-webpack-plugin');
 
-const path = require('path');
-
 const prodMode = process.env.NODE_ENV === 'production';
 const resolvePath = (dir) => path.join(__dirname, '..', dir);
 // https://cdn.baomitu.com
@@ -246,12 +245,12 @@ module.exports = {
     // 路径别名
     alias: {
       '@': resolvePath('src'),
-      '@constant': resolvePath('src/constant'),
-      '@components': resolvePath('src/components'),
-      '@api': resolvePath('src/api'),
-      '@utils': resolvePath('src/utils'),
-      '@css': resolvePath('src/assets/css'),
-      '@img': resolvePath('src/assets/img'),
+      '@/constant': resolvePath('src/constant'),
+      '@/components': resolvePath('src/components'),
+      '@/api': resolvePath('src/api'),
+      '@/utils': resolvePath('src/utils'),
+      '@/css': resolvePath('src/assets/css'),
+      '@/img': resolvePath('src/assets/img'),
     },
   },
   optimization: {

package.json

@@ -72,6 +72,8 @@
     "eslint": "^8.57.1",
     "eslint-config-ali": "^15.1.0",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.7.0",
+    "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-prettier": "^5.2.1",
     "extract-text-webpack-plugin": "^3.0.2",
     "file-loader": "^6.2.0",
@@ -108,6 +110,18 @@
     "webpack-parallel-uglify-plugin": "^2.0.0",
     "webpackbar": "^6.0.1"
   },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "cnpm": {
+    "mode": "pnpm"
+  },
+  "npm": {
+    "mode": "pnpm"
+  },
+  "yarn": {
+    "mode": "pnpm"
+  },
   "commitlint": {
     "extends": [
       "ali"
@@ -142,8 +156,5 @@
       "stylelint-config-ali",
       "stylelint-prettier/recommended"
     ]
-  },
-  "engines": {
-    "node": ">=16.0.0"
   }
 }