easywebpack 内置全局常量

easywebpack 通过 webpack.DefinePlugin webpack 插件内置了如下全局常量, 方便业务使用。

process.env.NODE_ENV

首先会获取用户 process.env.NODE_ENV 值, 如果获取不到,当构建 prod 模式时设置为 production, 否则为 development。 该设置不会影响原有的 process.env.NODE_ENV 系统环境参数。

EASY_ENV_IS_DEV

是否是开发模式(dev)构建

EASY_ENV_IS_TEST

是否是测试环境模式(test)构建

EASY_ENV_IS_PROD

是否是正式环境模式(prod)构建

EASY_ENV_IS_BROWSER

是否是浏览器运行构建模式

EASY_ENV_IS_NODE

是否是Node运行构建模式, 也就是 server side render

EASY_ENV_PUBLIC_PATH

webpack 构建的publicPath

EASY_ENV_HOST_URL

本机启动编译服务域名,例如: http://100.192.168.1:9000

实战技巧

模板里面直接可以使用这些静态变量,构建期间,Webpack 会替换为实际的值

export default EASY_ENV_IS_NODE ?  serverRender : clientRender;

if (EASY_ENV_IS_DEV){
  return 'http://dev.com';
} else if (EASY_ENV_IS_TEST){
  return 'http://test.com';
} else if (EASY_ENV_IS_PROD){
  return 'http://prod.com';
}

Author: sky
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint polocy. If reproduced, please indicate source sky !
 Previous
easywebpack3 easywebpack3
版本说明Webpack3插件
2020-04-18 sky
Next 
easywebpack5 easywebpack5
方案说明Webpack5适配工作webpack 4  -> webpack 5 插件列表升级 webpack 为 5升级相关依赖插件为最新版本 webpack-tool easywebpack easywebpack-cli easywebpack-vue easywebpack-rea...
2020-04-18 sky