如何使用webpack打包你的项目

npm i webpack webpack-cli --save-dev

项目根目录创建 webpack.config.js  

var path = require('path');
var webpack = require('webpack');
module.exports = {
    mode: 'development',
    entry: './src/index.js',
    output: {
        path: path.resolve(__dirname, './dist'),
        publicPath: '/dist/',
        filename: 'index.js',
    }
};

生成JS

压缩JS文件大小：

npm install uglifyjs-webpack-plugin --save-dev

webpack.config.js添加

optimization: {
    minimizer: [
      // 用于配置 minimizers 和选项
      new UglifyJsPlugin({
        cache: true,
        parallel: true,
        sourceMap: true, // set to true if you want JS source maps
      })
    ],
  },