vue打包文件配置说明vue.config.js
vue打包文件配置选项
·
**
许多小伙伴使用vue集成的webpack一键打包时,或多或少都有一点问题,这里我自己配置了打包文件供同好们参考一下
**
module.exports = {
//根据开发模式阐述公共路径:这个是必须的
publicPath:process.env.NODE_ENV === 'production' ? './' : './',
// 根目录内的文件夹名,里面可能含有css img js等文件夹 由用户来自定义
assetsDir: 'static',
// 根目录 如果不写 默认是dist,这里的目的是有些后端人员希望前端打包生成的文件放在templates的文件下,这时候就可以加如下的代码,如果是默认放在dist文件夹下,那么就可以不用加这句话
outputDir: __dirname + '/templates',
lintOnSave: false, //关闭保存是检测语法
// 关闭打包时产生的map文件,map文件的主要作用是:当开发网址部署到服务器后,可以通过map文件查阅控制台哪里报错,如果不希望有map文件可以关闭,通过vue打包生成的打包文件,会有俩分,一份是包含map另一份是没有map的。如果不希望有map就加如下语句
productionSourceMap:false,
//
configureWebpack: {
//打包的衍射文件方式,可以参考webpack,webpack对几种方式都做了说明
devtool: 'source-map',
performance: {
hints:'warning',
//入口起点的最大体积
maxEntrypointSize: 5000000000,
//生成文件的最大体积
maxAssetSize: 30000000000,
//只给出 js 文件的性能提示
assetFilter: function(assetFilename) {
return assetFilename.endsWith('.js');
}
}
},
}
更多推荐
已为社区贡献3条内容
所有评论(0)