您的位置:首页 > Web前端 > Vue.js

轻松上手企业开发,vue项目优化配置webpack不同的多入口文件

2020-06-28 05:03 113 查看

1.在项目中创建vue.config.js文件

2.js内部暴露出一个配置对象

[code]module.exports = {

}

3.利用chainWebpack配置不同环境设置不同的入口文件

[code]chainWebpack:config=>{
// 当前环境为 发布阶段
config.when(process.env.NODE_ENV == 'production',config=>{
config.entry('app').clear().add('./src/main-prod.js')
})
// 当前环境为 开发阶段
config.when(process.env.NODE_ENV == 'development',config=>{
config.entry('app').clear().add('./src/main-dev.js')
})
}

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: