update style-laoder,css-loader,eslint,husky;add stylelint

Author: xpioneer

.eslintrc.js

@@ -25,51 +25,65 @@ module.exports = {
     },
     'ecmaVersion': 2018,
     'sourceType': 'module',
-    // 'project': './tsconfig.json'
+    'project': './tsconfig.json'
   },
   'plugins': [
     'react',
-    '@typescript-eslint',
-    // 'prettier'
+    '@typescript-eslint'
   ],
   'rules': {
     'no-undef': 0,
-    // 'indent': [ 'error', 2 ],
-    'linebreak-style': [ 'error', 'unix' ],
-    'quotes': [ 'error', 'single' ],
-    'semi': [ 2, 'never' ],
-    'no-unused-vars': 'off',
+    'indent': 0,
+    'linebreak-style': [ 2, 'unix' ],
+    'quotes': 0,
+    'semi': 0,
+    'no-unused-vars': 0,
     'prefer-spread': 0,
     'prefer-const': 0,
     'switch-colon-spacing': [2, {'after': true, 'before': true}],
     'default-case': 2,
     'no-spaced-func': 2,
     'no-case-declarations': 0,
+    'space-before-function-paren': 0,
+    'keyword-spacing': 0,
+    'key-spacing': 2,
+    'comma-spacing': 0,
+    'space-before-blocks': 2,
+    'arrow-spacing': 2,
+    'semi-spacing': 2,
+    'no-irregular-whitespace': 2,
+
     // react jsx
     'react/display-name': 0,
-    'react/jsx-filename-extension': 'off',
-    'react/jsx-first-prop-new-line': 'off',
-    'react/jsx-indent': [ 'error', 2 ],
+    'react/jsx-filename-extension': 0,
+    'react/jsx-first-prop-new-line': 0,
+    'react/jsx-indent': [ 2, 2 ],
     'react/jsx-indent-props': [2, 2],
     'react/prop-types': 0,
+    'react/jsx-key': 2,
 
-    // @typescript-eslint 
+    // @typescript-eslint
+    '@typescript-eslint/quotes': [2, 'single'],
     '@typescript-eslint/indent': [2, 2],
     '@typescript-eslint/camelcase': 0,
     '@typescript-eslint/explicit-function-return-type': 0,
     '@typescript-eslint/no-non-null-assertion': 0,
     '@typescript-eslint/no-use-before-define': 0,
     '@typescript-eslint/member-delimiter-style': 0,
     '@typescript-eslint/no-unused-vars': 0,
-    '@typescript-eslint/no-use-before-define': 0,
     '@typescript-eslint/no-explicit-any': 0,
     '@typescript-eslint/explicit-member-accessibility': 0,
     '@typescript-eslint/no-angle-bracket-type-assertion': 0,
     '@typescript-eslint/interface-name-prefix': 0,
     '@typescript-eslint/no-empty-function': 1,
-    '@typescript-eslint/semi': 0,
+    '@typescript-eslint/semi': [2, 'never'],
     '@typescript-eslint/no-inferrable-types': 0,
     '@typescript-eslint/no-empty-interface': 1,
     '@typescript-eslint/class-name-casing': 0,
+    '@typescript-eslint/explicit-module-boundary-types': 0,
+    '@typescript-eslint/space-before-function-paren': [2],
+    '@typescript-eslint/keyword-spacing': [2, ],
+    '@typescript-eslint/comma-spacing': 2,
+    '@typescript-eslint/type-annotation-spacing': 2
   }
-};
+}

.stylelintrc.js

@@ -0,0 +1,21 @@
+
+module.exports = {
+  'extends': 'stylelint-config-standard',
+  'rules': {
+    'selector-list-comma-newline-after': 'never-multi-line',
+    'value-list-comma-newline-after': 'never-multi-line',
+    'selector-pseudo-class-no-unknown': null,
+    'declaration-colon-newline-after': null,
+    'no-descending-specificity': null,
+    'max-empty-lines': 2
+  },
+  ignoreFiles: [
+    'node_modules/**/*',
+    'public/**/*',
+    'dist/**/*',
+    '**/*.js',
+    '**/*.jsx',
+    '**/*.tsx',
+    '**/*.ts'
+  ]
+}

package.json

@@ -10,7 +10,9 @@
     "dev": "NODE_ENV=development webpack-dev-server --config build/webpack.dev.conf.js",
     "build": "NODE_ENV=production webpack --config build/webpack.prod.conf.js",
     "lint": "eslint --ext ts,tsx src/",
-    "lint:fix": "eslint --ext ts,tsx src/ --fix"
+    "lint:fix": "eslint --ext ts,tsx src/ --fix",
+    "lintcss": "stylelint --syntax scss src/**/*.scss",
+    "lintcss:fix": "stylelint --syntax scss src/**/*.scss --fix"
   },
   "repository": {
     "type": "git",
@@ -43,25 +45,26 @@
     "@types/react": "^16.7.7",
     "@types/react-dom": "^16.0.10",
     "@types/react-router-dom": "^4.3.1",
-    "@typescript-eslint/eslint-plugin": "^2.4.0",
-    "@typescript-eslint/parser": "^2.4.0",
+    "@typescript-eslint/eslint-plugin": "^4.10.0",
+    "@typescript-eslint/parser": "^4.10.0",
     "babel-loader": "^8.0.4",
     "clean-webpack-plugin": "^0.1.19",
     "copy-webpack-plugin": "^7.0.0",
-    "css-loader": "^1.0.1",
-    "eslint": "^6.5.1",
-    "eslint-plugin-react": "^7.16.0",
+    "css-loader": "^5.0.1",
+    "eslint": "^7.15.0",
+    "eslint-plugin-react": "^7.21.5",
     "html-webpack-plugin": "^4.5.0",
-    "husky": "^3.0.9",
-    "lint-staged": "^9.4.2",
+    "husky": "^4.3.6",
+    "lint-staged": "^10.5.3",
     "mini-css-extract-plugin": "^1.3.3",
     "node-sass": "^5.0.0",
     "optimize-css-assets-webpack-plugin": "^5.0.1",
     "postcss-loader": "^4.1.0",
     "postcss-preset-env": "^6.7.0",
     "sass-loader": "^10.1.0",
-    "style-loader": "^0.23.1",
-    "sw-precache-webpack-plugin": "^0.11.5",
+    "style-loader": "^2.0.0",
+    "stylelint": "^13.8.0",
+    "stylelint-config-standard": "^20.0.0",
     "typescript": "^3.6.4",
     "uglifyjs-webpack-plugin": "^2.0.1",
     "url-loader": "^1.1.2",
@@ -79,8 +82,10 @@
   },
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx}": [
-      "npm run lint:fix",
-      "git add"
+      "npm run lint:fix"
+    ],
+    "src/**/*.{css,scss}": [
+      "npm run lintcss:fix"
     ]
   }
 }