vue-cli3中配置alias和打包加hash值
1.之前在项目测试环境打包的时候,js文件打包出来没有hash值,但是生产环境打包出来却又hash值当时只配置了 filenameHashing: true,这样是不够的后来在chainWebpack中配置config.output.filename('[name].[hash].js').end(),解决了该问题 2.配置alias可以在引入文件的时候不用写很长的相对路径...
·
1.之前在项目测试环境打包的时候,js文件打包出来没有hash值,但是生产环境打包出来却又hash值
当时只配置了 filenameHashing: true,这样是不够的
后来在chainWebpack中配置config.output.filename('[name].[hash].js').end(),解决了该问题
2.配置alias可以在引入文件的时候不用写很长的相对路径
步骤:
先引入path模块
const path = require('path')
function resolve(dir) {
return path.join(__dirname, dir)
}
之后在chainWebpack中设置
chainWebpack(config) {
config.resolve.alias
.set('style', resolve('public/style'))
.set('api', resolve('src/api'))
.set('tools', resolve('src/tools'))
.set('components', resolve('src/components'))
.set('echarts', resolve('src/echarts'))
.set('echarts', resolve('node_modules/echarts'))
config.output.filename('[name].[hash].js').end();
},
更多推荐
已为社区贡献5条内容
所有评论(0)