chore: 构建过程或辅助工具的变动 包括但不限于文档、代码生成等）

Author: wangshan

.babelrc

@@ -1,12 +1,9 @@
 {
   "presets": [
     [
-      "env",
+      "@babel/preset-env",
       {
-        "targets": {
-          // The % refers to the global coverage of users from browserslist
-          "browsers": [">0.25%", "not ie 11", "not op_mini all"]
-        }
+        "useBuiltIns": "entry"
       }
     ]
   ]

.browserslistrc

@@ -0,0 +1,4 @@
+# 目标环境监测配置, 或者通过package.json【browserslist】字段指定目标环境
+last 1 version
+> 1%
+IE 10 

config/webpack.common.js

@@ -2,14 +2,16 @@
  * @Author: wangshan
  * @Date: 2021-06-22 01:31:05
  * @LastEditors: wangshan
- * @LastEditTime: 2021-06-22 02:10:04
+ * @LastEditTime: 2021-06-23 00:42:08
  * @Description:
  */
+// import "@babel/polyfill"; // 所有模块项导入前导入babel/polyfill
+
 const path = require("path");
 
 module.exports = {
-  entry: ["babel-polyfill", path.resolve(__dirname, "../src/index.ts")],
+  entry: [path.resolve(__dirname, "../src/index.ts")],
   resolve: {
-    extensions: [".ts", ".js", ".json"],
+    extensions: [".ts", ".js", ".json"], // 模块文件解析顺序
   },
 };

config/webpack.dev.js

@@ -2,46 +2,49 @@
  * @Author: wangshan
  * @Date: 2021-06-22 01:31:57
  * @LastEditors: wangshan
- * @LastEditTime: 2021-06-22 02:05:41
+ * @LastEditTime: 2021-06-23 00:52:08
  * @Description:
  */
 
 const path = require("path");
 const { merge } = require("webpack-merge");
-const { CleanWebpackPlugin } = require("clean-webpack-plugin");
-const HtmlWebpackPlugin = require("html-webpack-plugin");
+const { CleanWebpackPlugin } = require("clean-webpack-plugin"); // 清空上次打包文件遗留文件
+const HtmlWebpackPlugin = require("html-webpack-plugin"); // 设置html模板
 // 引入通用webpack配置文件
 const common = require("./webpack.common.js");
+const Webpack = require("webpack");
 
 module.exports = merge(common, {
+  mode: "development",
+  output: {
+    path: path.resolve(__dirname, "../dist"),
+    filename: "[name].[hash:8].js",
+  },
   module: {
     rules: [
       {
-        test: /\.ts(x?)$/,
-        loader: "ts-loader",
+        test: /\.ts$/,
+        use: "ts-loader",
       },
     ],
   },
   // 使用 source-map
   devtool: "source-map",
   // 对 webpack-dev-server 进行配置
   devServer: {
-    contentBase: path.resolve(__dirname, "../dist"),
+    contentBase: "../dist",
     // 设置localhost端口
     port: 9000,
+    hot: true, //热更新
     // 自动打开浏览器
     open: true,
   },
   plugins: [
     new CleanWebpackPlugin(),
     new HtmlWebpackPlugin({
-      title: "ts",
+      // 使用插件，使用自定义插件
+      template: path.resolve(__dirname, "../public/index.html"),
     }),
+    new Webpack.HotModuleReplacementPlugin(), // 配置热更新
   ],
-  // 设置出口文件地址与文件名
-
-  output: {
-    path: path.resolve(__dirname, "../dist"),
-    filename: "[name].[hash:8].js",
-  },
 });

config/webpack.prod.js

@@ -2,7 +2,7 @@
  * @Author: wangshan
  * @Date: 2021-06-22 01:33:57
  * @LastEditors: wangshan
- * @LastEditTime: 2021-06-22 02:08:59
+ * @LastEditTime: 2021-06-23 00:29:43
  * @Description:
  */
 const path = require("path");
@@ -15,19 +15,19 @@ const common = require("./webpack.common.js");
 // const uglifyJSPlugin = new UglifyJSPlugin();
 
 // 对babel的配置，内容同.babelrc文件
-const babelOptions = {
-  presets: [
-    [
-      "env",
-      {
-        targets: {
-          // The % refers to the global coverage of users from browserslist
-          browsers: [">0.25%", "not ie 11", "not op_mini all"],
-        },
-      },
-    ],
-  ],
-};
+// const babelOptions = {
+//   presets: [
+//     [
+//       "env",
+//       {
+//         targets: {
+//           // The % refers to the global coverage of users from browserslist
+//           browsers: [">0.25%", "not ie 11", "not op_mini all"],
+//         },
+//       },
+//     ],
+//   ],
+// };
 module.exports = merge(common, {
   module: {
     rules: [