webpack配置uglifyjs-webpack-plugin压缩代理(最简配置)

红太狼 2023-06-13 09:27 36阅读 0赞

>  *  **代码压缩前大小**

![20191115144729967.png][]

>  *  ** 安装代码压缩插件**
> 
>     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/
> 
>

>  *  ** 压缩过后文件大小**

![20191115145410338.png][]

[20191115144729967.png]: https://img-blog.csdnimg.cn/20191115144729967.png
[20191115145410338.png]: https://img-blog.csdnimg.cn/20191115145410338.png