webpack配置uglifyjs-webpack-plugin

代码压缩前大小

​

 安装代码压缩插件

npm i -D uglifyjs-webpack-plugin

 webpack配置

const path = require('path');const webpack = require('webpack');const UglifyJsPlugin = require('uglifyjs-webpack-plugin');const isMiniSize = process.env.NODE_ENV === 'production' ? true : false;module.exports = {    entry: './src/index.js',    output: {        path: path.resolve('E:/' , 'ocxPluginDemo'), // 打包后的路径        filename: 'ocxWebCtl.min.js',        library: 'ocxWebCtl',        libraryTarget: 'umd'    },    optimization: {        minimize: isMiniSize    },    node: {      process: false    },    devtool: 'source-map',    module: {        rules: [{            test: /.js$/,            enforce: 'post', // post-loader处理            loader: 'es3ify-loader'        }, {            test: /\.js$/,            loader: 'babel-loader',            options: {                sourceMap: false,            },            exclude: /node_modules/        }]    }}

另外在module.exports对象中添加,重新运行生产文件命令即可得到压缩过后的文件

plugins:[

    new UglifyJsPlugin()

    ]

关于uglifyjs-webpack-plugin更多配置链接地址：

https://www.webpackjs.com/plugins/uglifyjs-webpack-plugin/

 压缩过后文件大小

​