webpack-merge 入口点答案

【问题标题】：webpack-merge entry pointwebpack-merge 入口点
【发布时间】：2018-08-19 16:59:50
【问题描述】：

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

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-merge 的设置，我如何才能在开发点而不是 prod 中仅使用 'webpack-hot-middleware/client' ？

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

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

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

但这只会导致重复错误。

【问题讨论】：

标签： webpack webpack-2 webpack-dev-middleware webpack-hot-middleware

【解决方案1】：

开发和生产中都使用了共同的东西。所以只在 dev 条目中包含 'webpack-hot-middleware/client'，它会自动与来自 common 的 index 条目合并。

【讨论】：

感谢 olore 我不得不从 common 中删除条目，并且只在 dev 和 prod 中使用它。当我将它添加到 common 和其他两个时，它给了我一个错误。