webpack向代码传递环境变量

在webpack的config文件里,使用DefinePlugin

const webpackConfigDev = merge(baseWebpackConfig, {
  entry: './MainTest.ts',
  plugins: [
      new webpack.DefinePlugin({
          'process.env.PRODUCT_NAME': JSON.stringify('dbay'),
      })
  ],

});

然后,在代码中,直接通过全局变量process.env.PRODUCT_NAME访问此变量

注意:字符串必须是"'字符串'"的形式,所以采用

JSON.stringify('dbay')
包装一下字符串
posted @ 2022-03-14 14:48  IWing  阅读(170)  评论(0)    收藏  举报