webpack设置开发环境process.env、打包到指定目录
vue 2018-01-03 11:26:16

文件:build/webpack.dev.conf.js,或者 vue.config.js

1688421-20210125200020888-411791453.png

 

 

JavaScript Code复制内容到剪贴板
  1. plugins: [  
  2.   new webpack.DefinePlugin({  
  3.     'process.env': config.dev.env  
  4.   }),  

 

配置开发环境:

文件:config/dev.env.js

JavaScript Code复制内容到剪贴板
  1. module.exports = merge(prodEnv, {  
  2.   NODE_ENV: '"development"'  
  3. })  

 

根据不同的环境,配置不同的获取方式:

JavaScript Code复制内容到剪贴板
  1. if(process.env.NODE_ENV == 'production') {  
  2.     var userId = store.state.common.userId;  
  3. else {  
  4.     var userId = sessionStorage.getItem('userId');  
  5. }  

 

开发环境:development

 

本文来自于:http://www.yoyo88.cn/study/vue/268.html

Powered by yoyo苏ICP备15045725号