文件压缩

在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