码迷,mamicode.com
首页 > Web开发 > 详细

vue项目添加build config目录 webpack环境切换

时间:2020-06-02 16:08:20      阅读:270      评论:0      收藏:0      [点我收藏+]

标签:width   ima   图片   image   实现   完成后   mamicode   pack   添加   

 

首先执行命令:

npm install -g @vue/cli-init   // 安装完后 才可使用 vue init 命令

vue init webpack mypro         // 给vue-cli添加webpack

 

可以看到创建的vue脚手架中包含以下 build 和 config 目录:

技术图片

 

 

webpack.prod.conf.js 切换环境

技术图片

 

 

等到项目开发完成后要上线时,要用webpack实现环境切换

将 webpack.prod.conf.js 中 const env = require(‘../config/dev.env‘) 改为 const env = require(‘../config/prod.env‘)

目的:更改不同环境下的域名和appId,如:

技术图片

 

vue项目添加build config目录 webpack环境切换

标签:width   ima   图片   image   实现   完成后   mamicode   pack   添加   

原文地址:https://www.cnblogs.com/edwardwzw/p/13031769.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!