作者:zoooooz | 来源:互联网 | 2023-09-17 17:04
constpathrequire(‘path’);引入node的path模块constwebpackrequire(‘webpack’);引入的webpack,运用lodashco
const path = require(‘path’); //引入node的path模块
const webpack = require(‘webpack’); //引入的webpack,运用lodash
const HtmlWebpackPlugin = require(‘html-webpack-plugin’) //将html打包
const ExtractTextPlugin = require(‘extract-text-webpack-plugin’) //打包的css拆分,将一部分抽离出来
const CopyWebpackPlugin = require(‘copy-webpack-plugin’)
// console.log(path.resolve(__dirname,’dist’)); //物理地址拼接
优化打包速率
cOnstUglifyJsPlugin= require(‘uglifyjs-webpack-plugin’);
紧缩代码,这里运用的是uglifyjs-webpack-plugin,同样在webpack.config.js的plugin内里增加
cOnstUglifyJsPlugin= require('uglifyjs-webpack-plugin');
plugins:[
new UglifyJsPlugin({
uglifyOptions: {
output: {
beautify: false,
comments: false,
},
compress: {
warnings: false,
drop_debugger: true,
drop_console: true,
pure_funcs: ['console.log', '(e = console).log' ]
},
sourceMap: false
}
})
]