规范开发目录 及 webpack多环境打包文件配置

标签：else   测试环境   proc   web   打包   package   span   属性   RoCE   

规范开发目录

普通项目 开发目录：

├── project-name                                                                                                                                                     
├── README.md           
├── .gitignore                                                                                                                                        
├── assets                                                                                                                                                          
├── ├── js                                                                                                                                                      
├── ├── css
├── ├── images 
├── ├── fonts
├── index.html 

vue 项目开发目录：
├── build
├── config
├── dist
├── src
├──├── api
├──├── assets
├──├──├── js
├──├──├── style
├──├──├──├── base-commonsless
├──├──├──├── commonsless
├──├──├──├── pagesless
├──├── style.less   //import 所有less
├──├── components
├──├──├── base-commons
├──├──├── commons
├──├──├── pages
├──├── router
├──├── store
├──├── APP.vue
├──├── main.js
├── static
├──├──i mages
├── README.md
├── .gitignore
├── package.json
├── .babelrc  

webpack多环境打包文件配置

通常分为3种环境：
dev //开发及测试环境
prep //预发布环境
prod //生产环境

1. config文件夹下index.js


　　build对象增加属性

prodEnv: require(‘./prod.env‘),//生产环境
devEnv: require(‘./dev.env‘),//开发及测试环境
prepEnv: require(‘./prep.env‘),//预发布环境

 
let REQUEST_URL = "https://test.com/dev/";  
if (process.env.NODE_ENV === ‘development‘ ) {    
  REQUEST_URL = "https://test.com/dev/"; 
}else if(process.env.NODE_ENV === ‘production‘ ){  
 REQUEST_URL = "https://test.com/prod/"; 
}else if(process.env.NODE_ENV === ‘preparation‘){   
 REQUEST_URL = "https://test.com/prep/"; 
}

规范开发目录 及 webpack多环境打包文件配置

标签：else   测试环境   proc   web   打包   package   span   属性   RoCE   

原文地址：https://www.cnblogs.com/liulijun/p/10754804.html