test

Author: introvert-y

.eslintrc.js

@@ -1,5 +1,8 @@
 module.exports = {
-    "extends": "airbnb",
+    "extends": [
+        "airbnb",
+        "plugin:prettier/recommended",
+    ],
     "rules": {
         "react/jsx-filename-extension": "off",
         "react/forbid-prop-types": "off",
@@ -10,6 +13,7 @@ module.exports = {
         "jsx-a11y/anchor-is-valid": "off",
         "react/no-array-index-key": "off",
         "no-console": "off",
+        "prettier/prettier": "error"
     },
     "env": {
         "browser": true,

.prettierrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  printWidth: 120, //一行的字符数，如果超过会进行换行，默认为80
+  tabWidth: 2 //一个tab代表几个空格数，默认为2
+};

config/webpack.config.js

@@ -327,7 +327,7 @@ module.exports = function(webpackEnv) {
                 formatter: require.resolve('react-dev-utils/eslintFormatter'),
                 eslintPath: require.resolve('eslint'),
                 resolvePluginsRelativeTo: __dirname,
-                
+                fix: true,
               },
               loader: require.resolve('eslint-loader'),
             },

package.json

@@ -55,6 +55,7 @@
     "react-dom": "^16.9.0",
     "react-redux": "^7.1.1",
     "react-router": "^5.1.2",
+    "react-transition-group": "^4.3.0",
     "redux": "^4.0.4",
     "redux-logger": "^3.0.6",
     "redux-thunk": "^2.3.0",
@@ -71,8 +72,23 @@
     "webpack": "4.39.1",
     "webpack-dev-server": "3.2.1",
     "webpack-manifest-plugin": "2.0.4",
-    "workbox-webpack-plugin": "4.3.1",
-    "react-transition-group": "^4.3.0"
+    "workbox-webpack-plugin": "4.3.1"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "src/*.{js,jsx,mjs,ts,tsx}": [
+      "node_modules/.bin/prettier --write",
+      "node_modules/.bin/eslint --fix",
+      "git add"
+    ],
+    "src/*.{css,scss,less,json,html,md,markdown}": [
+      "node_modules/.bin/prettier --write",
+      "git add"
+    ]
   },
   "scripts": {
     "start": "node scripts/start.js",
@@ -148,6 +164,10 @@
     ]
   },
   "devDependencies": {
+    "eslint-plugin-prettier": "^3.1.1",
+    "husky": "^3.1.0",
+    "lint-staged": "^9.4.3",
+    "prettier": "^1.19.1",
     "react-router-dom": "^5.0.1",
     "react-transition-group": "^4.3.0"
   },