update autoprefixer 10.x

Author: javaLuo

Diff for: package.json

@@ -24,61 +24,62 @@
   },
   "dependencies": {
     "@rematch/core": "^1.4.0",
-    "antd": "^4.6.6",
+    "antd": "^4.7.0",
     "axios": "^0.20.0",
     "core-js": "^3.6.5",
     "history": "^4.10.1",
     "lodash": "^4.17.20",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
     "react-loadable": "^5.5.0",
     "react-redux": "^7.2.1",
     "react-router-dom": "^5.2.0",
     "redux": "^4.0.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.11.6",
-    "@babel/plugin-proposal-class-properties": "^7.10.4",
-    "@babel/plugin-proposal-decorators": "^7.10.5",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.10.4",
-    "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
-    "@babel/plugin-proposal-optional-chaining": "^7.11.0",
+    "@babel/core": "7.12.3",
+    "@babel/plugin-proposal-class-properties": "^7.12.1",
+    "@babel/plugin-proposal-decorators": "^7.12.1",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.1",
+    "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
+    "@babel/plugin-proposal-optional-chaining": "^7.12.1",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.11.5",
-    "@babel/preset-env": "^7.11.5",
-    "@babel/preset-react": "^7.10.4",
-    "@babel/runtime": "^7.11.2",
+    "@babel/plugin-transform-runtime": "^7.12.1",
+    "@babel/preset-env": "^7.12.1",
+    "@babel/preset-react": "^7.12.1",
+    "@babel/runtime": "^7.12.1",
     "antd-dayjs-webpack-plugin": "^1.0.1",
-    "autoprefixer": "^9.8.6",
+    "autoprefixer": "^10.0.1",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.1.0",
-    "babel-plugin-import": "^1.13.0",
+    "babel-plugin-import": "^1.13.1",
     "body-parser": "^1.19.0",
     "clean-webpack-plugin": "^3.0.0",
-    "css-loader": "^4.3.0",
-    "eslint": "^7.10.0",
+    "css-loader": "5.0.0",
+    "eslint": "^7.11.0",
     "eslint-loader": "^4.0.2",
     "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.21.3",
+    "eslint-plugin-react": "^7.21.4",
     "eslint-plugin-react-hooks": "^4.1.2",
     "express": "^4.17.1",
     "favicons-webpack-plugin": "4.2.0",
-    "file-loader": "^6.1.0",
+    "file-loader": "^6.1.1",
     "happypack": "^5.0.1",
     "html-webpack-plugin": "^4.5.0",
     "less": "^3.12.2",
-    "less-loader": "^7.0.1",
-    "mini-css-extract-plugin": "^0.12.0",
+    "less-loader": "^7.0.2",
+    "mini-css-extract-plugin": "^1.0.0",
     "mockjs": "^1.1.0",
     "optimize-css-assets-webpack-plugin": "^5.0.4",
-    "postcss-loader": "^4.0.3",
+    "postcss": "^8.1.1",
+    "postcss-loader": "^4.0.4",
     "prettier": "2.1.2",
-    "style-loader": "1.3.0",
+    "style-loader": "2.0.0",
     "sw-precache-webpack-plugin": "^1.0.0",
-    "terser-webpack-plugin": "^4.2.3",
-    "url-loader": "^4.1.0",
-    "webpack": "^4.44.2",
-    "webpack-cli": "^3.3.12",
+    "terser-webpack-plugin": "^5.0.0",
+    "url-loader": "^4.1.1",
+    "webpack": "4.x",
+    "webpack-cli": "^4.0.0",
     "webpack-dev-middleware": "^3.7.2",
     "webpack-hot-middleware": "^2.25.0",
     "webpackbar": "^4.0.0",

Diff for: postcss.config.js

@@ -1,6 +1,6 @@
 /** postcss-loader 解析器所需的配置文件 **/
 module.exports = {
   plugins: [
-    require('autoprefixer')()
+    require('autoprefixer')
   ]
 };

Diff for: src/container/routers/index.js

@@ -11,6 +11,7 @@ import zhCN from "antd/lib/locale-provider/zh_CN";
 
 // import {createBrowserHistory as createHistory} from "history/"; // URL模式的history
 import { createHashHistory as createHistory } from "history"; // 锚点模式的history
+
 import Loadable from "react-loadable"; // 用于代码分割时动态加载模块
 
 /** 普通组件 **/

Diff for: webpack.dev.config.js

@@ -16,7 +16,7 @@ module.exports = {
   output: {
     path: __dirname + "/", // 将打包好的文件放在此路径下，dev模式中，只会在内存中存在，不会真正的打包到此路径
     publicPath: PUBLIC_PATH, // 文件解析路径，index.html中引用的路径会被设置为相对于此路径
-    filename: "bundle.js", // 编译后的文件名字
+    filename: "bundle-[hash].js", // 编译后的文件名字
   },
   devtool: "eval-source-map", // 报错的时候在控制台输出哪一行报错
   optimization: {