如何使用NODE_ENV来判断当前环境

—  在搭建前端项目时,开发环境和生产环境有时候需要不同的配置,所以就需要有个东西来判断当前环境来选择对应的配置

首先在webpack.config.js中的插件plugins配置

new Webpack.DefinePlugin({
  'process.env': {
     NODE_ENV: JSON.stringify(process.env.NODE_ENV)
   }
})

DefinePlugin 可以配置编译时的全局常量

"scripts": {
    "start": "npm run dev",
    "dev": "NODE_ENV=development webpack-dev-server",
    "build": "NODE_ENV=production webpack"
}

tip: NODE_ENV=...一定要写前面

然后就可以在程序中根据环境来配置相对应的东西

如何使用NODE_ENV来判断当前环境_第1张图片

你可能感兴趣的:(如何使用NODE_ENV来判断当前环境)