文件压缩

在webpack配置节点中，可以通过performance配置参数显示警告，并且通过插件babili-webpack-plugin。

const config = {
  performance: {
    hints: 'warning',
    maxEntrypointSize: 100000, // bytes
    maxAssetSize: 450000, // bytes
  },
};

module.exports = config;

下载插件

npm i babel-minify-webpack-plugin --save-dev

或者使用webpack -p参数调用webpack自身的文件压缩命令，但是这里推荐使用插件。

配置插件

修改webpack.config.js文件内容：

const MinifyPlugin = require("babel-minify-webpack-plugin"); // https://github.com/webpack-contrib/babel-minify-webpack-plugin

const config = {
  plugins: {
    // ...
    new MinifyPlugin(),
  }
};

测试

npm run build
npm run start