Webpack Encore和Dotenv的“process.env”值冲突

Question

我在杜特尼夫-webpack中使用Webpack Encore，我得到了以下错误：

编译失败。 DefinePlugin “process.env”的冲突值

我的webpack.config.js：

const Dotenv = require('dotenv-webpack')
const Encore = require('@symfony/webpack-encore')

if (!Encore.isRuntimeEnvironmentConfigured()) {
  Encore.configureRuntimeEnvironment(process.env.NODE_ENV || 'dev')
}

Encore
  // ...
  .addPlugin(new Dotenv({
    path: './.env.local'
  }))

module.exports = Encore.getWebpackConfig();

使用的版本：

"devDependencies": {
    "@symfony/webpack-encore": "^1.2.0",
    "dotenv-webpack": "^7.0.2",
}

我已经找到了类似问题，但我并不真正理解解决方案，因此无法在Symfony Encore中使用该解决方案。

造成这一问题的原因是什么，我如何解决这个问题？

Answer 1

我有一个类似的问题，在编译时发出警告，这是通过将ignoreStub选项添加到true来解决的。

.addPlugin(new Dotenv({
    ignoreStub: true,
}))

这是在dotenv-webpack的7.0.0版中引入的。

https://github.com/mrsteele/dotenv-webpack/releases/tag/v7.0.0