Get Environment Variables2019-05-12 21:46Dev, JavaScript, Webpack

Webpack: Get Environment Variables

有些时候我们需要在里面检测一下是否是生产环境

这个其实操作起来还挺简单的。

package.json

首先在这个文件里面:

  "scripts": {
    "cloud": "webpack-dev-server --inline --hot --env.dev=true --port 8010 --disable-host-check --host 0.0.0.0",
    "dev": "webpack-dev-server --inline --hot --env.dev",
    "start": "webpack-dev-server --inline --hot --env.dev=true",
    "build": "rimraf dist && webpack -p --progress --hide-modules"
  },

这一段 --env.dev=true 就是设置环境变量

我们可以设置任何的值:

--env.xxx=abc

webpack.config.js

然后从配置文件里面获取到这个值

 
// 注意这个地方要写成第一个参数。
module.exports = (env = {}, ) => {
 
  // 然后获取的时候,这是一个对象, 如果没有数据,那么就是一个空对象,
  console.log(env);
 
 
  return {
    entry: {
      vendor: './src/vendor',
      index: './src/main.js'
    },
    output: {
      path: resolve(__dirname, 'dist'),
      filename: env.dev ? '[name].js' : '[name].js?[chunkhash]',
      chunkFilename: '[id].js?[chunkhash]',
      publicPath: env.dev ? '/assets/' : publicPath
    }
    /*.....*/
   }
}
Powered by Remix
|
Designed by szhshp
|
Copyright © szhshp 2022