const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
publicPath: './',//根路径 cli3.0以上使用publicPath
//assetsDir:'assets',//静态资源目录(js,css,img,fonts)这些文件都可以写里面
outputDir:'dist',//打包的时候生成的一个文件名
lintOnSave:false,//是否开启eslint保存检测 ,它的有效值为 true || false || 'error'\
configureWebpack: config => {
if (process.env.NODE_ENV === "production") {
// 为生产环境修改配置...
config.mode = "production";
// 这里修改下
config.optimization.minimizer = [
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_console: true, //console
drop_debugger: true,
pure_funcs: ['console.log'] //移除console
}
}
})
]
//打包文件大小配置
config["performance"] = {
"maxEntrypointSize":10000000,
"maxAssetSize":30000000
}
} else {
// 为开发环境修改配置...
config.mode = "development";
}
}
}
vue.config.js 部分配置
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 如果要部署到二级目录,将项目内部引用的css、img修改为相对路径 router/index.js:
- 从 Vue CLI 3.3 起已弃用baseUrl,请使用publicPath。 默认情况下,Vue CLI 会假...
- 从 Vue CLI 3.3 起已弃用baseUrl,请使用publicPath。 默认情况下,Vue CLI 会假...
- 如果你的项目里面没有vue.config.js,请在根目录新建一个,如下图: vue.config.js里面的代码...