javascript - 将变量注入(inject) webpack

Question

我试图在我的 webpack 包中的每个模块中注入(inject)一个变量，以便为每个文件的 JS 错误提供调试信息。我已经启用

node: {
   __filename: true
}

Current file path in webpack

在我的 webpack.config 中，但我想注入(inject)类似的东西

var filename = 'My filename is: ' + __filename;

编译前进入每个模块。我看过 Banner Plugin使用 raw 选项，但似乎这只会在 webpack 闭包之外注入(inject)横幅，而不是我想要的将脚本注入(inject)每个模块的结果。

Answer 1

我使用变量来解析我的 webpack.config.js 文件中的几个变量:

plugins: [
    new webpack.DefinePlugin({
      ENVIRONMENT: JSON.stringify(process.env.NODE_ENV || 'development'),
      VERSION: JSON.stringify(require('./package.json').version)
    })
]

它可能不够动态，但如果是，那么您也许可以绕过该加载程序解决方案。