代码压缩前大小
安装代码压缩插件
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/
压缩过后文件大小
网友评论