1. // webpack.config.js
    2. const path = require("path");
    3. const webpack = require("webpack");
    4. const HtmlWebpackPlugin = require("html-webpack-plugin");
    5. const { CleanWebpackPlugin } = require("clean-webpack-plugin");
    7. module.exports = {
    8.     mode: "development", // production development
    9.     // development devtool cheap-module-eval-source-map
    10.     // production devtool cheap-module-source-map
    11.     devtool: "cheap-module-eval-source-map",
    12.     entry: {
    13.         sendlog: "./src/index.js",
    14.     },
    15.     output: {
    16.         // publicPath: "https://j.weizan.cn",
    17.         filename: "[name].js",
    18.         path: path.resolve(__dirname, "dist"),
    19.     },
    20.     devServer: {
    21.         contentBase: "./dist",
    22.         open: true,
    23.         hot: true,
    24.         hotOnly: true,
    25.     },
    26.     module: {
    27.         rules: [
    28.             {
    29.                 test: /\.js$/,
    30.                 exclude: /node_modules/,
    31.                 loader: "babel-loader",
    32.                 options: {
    33.           // 业务代码（存在全局污染）
    34.                     presets: [
    35.                         [
    36.                             "@babel/preset-env",
    37.                             {
    38.                                 targets: {
    39.                                     chrome: "67",
    40.                                 },
    41.                                 useBuiltIns: "usage",
    42.                             },
    43.                         ],
    44.           ],
    45.           // 库代码（类似于闭包形式）
    46.                     plugins: [
    47.                         [
    48.                             "@babel/plugin-transform-runtime",
    49.                             {
    50.                                 corejs: 2,
    51.                                 helpers: true,
    52.                                 regenerator: true,
    53.                                 useESModules: false,
    54.                             },
    55.                         ],
    56.                     ],
    57.                 },
    58.             },
    59.         ],
    60.     },
    61.     plugins: [
    62.         new HtmlWebpackPlugin({
    63.             template: "src/index.html",
    64.         }),
    65.         new CleanWebpackPlugin(),
    66.         new webpack.HotModuleReplacementPlugin(),
    67.     ],
    68. };
    1. {
    2.   "name": "log",
    3.   "version": "1.0.0",
    4.   "description": "",
    5.   "private": true,
    6.   "directories": {
    7.     "lib": "lib"
    8.   },
    9.   "scripts": {
    10.     "serve": "webpack-dev-server",
    11.     "build": "webpack"
    12.   },
    13.   "keywords": [],
    14.   "author": "",
    15.   "license": "ISC",
    16.   "devDependencies": {
    17.     "@babel/core": "^7.10.3",
    18.     "@babel/plugin-transform-runtime": "^7.10.3",
    19.     "@babel/preset-env": "^7.10.3",
    20.     "babel-loader": "^8.1.0",
    21.     "clean-webpack-plugin": "^3.0.0",
    22.     "html-webpack-plugin": "^4.3.0",
    23.     "webpack": "^4.43.0",
    24.     "webpack-cli": "^3.3.12",
    25.     "webpack-dev-server": "^3.11.0"
    26.   },
    27.   "dependencies": {
    28.     "@babel/polyfill": "^7.10.1",
    29.     "@babel/runtime": "^7.10.3",
    30.     "@babel/runtime-corejs2": "^7.10.3",
    31.     "axios": "^0.19.2",
    32.     "protobufjs": "^6.9.0"
    33.   }
    34. }
    1. import "@babel/polyfill";