webpack-merge entry point

Question

我已经将我的 webpack 配置文件分解为 3 个单独的文件，如 webpack 4.1 文档中的建议，使用 webpack-merge 将它们合并在一起。

• webpack.common.js
• webpack.dev.js
• webpack.prod.js

我遇到的问题是我正在使用webpack-dev-middleware和 webpack-hot-middleware，我只需要在webpack.dev中拥有它.js我这样做了，但入口点需要使用

entry: [
`${ROOT_DIR}/js/index`,
'webpack-hot-middleware/client'
],

这在我的webpack.common.js文件中。 这意味着 prod 和 dev 将在其入口点中包含"webpack-hot-middleware/client"。 我怎样才能解决在开发点而不是生产中只有"webpack-hot-middleware/client">的问题，使用我的设置和 webpack-merge？

我尝试添加与此相同的条目。

entry: [
`${ROOT_DIR}/js/index`
]

然后在 webpack.dev 条目：[${ROOT_DIR}/js/index， 'webpack-hot-middleware/client' ],

但这只会导致重复错误。

Answer 1

共同的东西在开发和生产中使用。因此，仅在开发条目中包含'webpack-hot-middleware/client'，它将自动与条目合并，以便从 commonindex。