webpack使用DefinePlugin设定环境变量的问题

最近在看webpack4的官方文档时,被一个东西弄混了,就是使用DefinePlugin设定环境变量的问题,见代码:

import webpack from 'webpack';// 如果预先定义过环境变量,就将其赋值给`ASSET_PATH`变量,否则赋值为根目录const ASSET_PATH = process.env.ASSET_PATH || '/';export default {  output: {    publicPath: ASSET_PATH
  },  plugins: [    // 该插件帮助我们安心地使用环境变量
    new webpack.DefinePlugin({      'process.env.ASSET_PATH': JSON.stringify(ASSET_PATH)
    })
  ]
};

这是官网上的代码这是链接

我想问一下,上面是取process.env.ASSET_PATH赋给ASSET_PATH ,下面有使用DefinePlugin设定process.env.ASSET_PATH的值为ASSET_PATH ,这是什么意思啊?
有没有大神,能解释的通俗易懂一点,谢谢!


阿波罗的战车
浏览 2813回答 1
1回答

FFIVE

自己手动敲了一遍,结论是没有任何意义,先执行const ASSET_PATH = process.env.ASSET_PATH || '/';此时process.env.ASSET_PATH未知,故ASSET_PATH = '/';然后执行`new webpack.DefinePlugin({'process.env.ASSET_PATH': JSON.stringify(ASSET_PATH)})`此时ASSET_PATH = '/';故等同于:`new webpack.DefinePlugin({'process.env.ASSET_PATH': '/'})`就这么简单
打开App,查看更多内容
随时随地看视频慕课网APP