webpack-merge入口点

Question

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

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

我遇到的问题是我正在使用 webpack-dev-middleware ＆amp; 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'而不是prod，使用我的webpack-merge设置？

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

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

然后在webpack.dev中       条目：[         ${ROOT_DIR}/js/index，         '的WebPack-热中间件/客户端的       ]，

但这只会导致重复错误。

Answer 1

共同使用的东西用于dev和amp;刺。因此，只需在开发条目中包含'webpack-hot-middleware/client'，它就会自动与普通的index条目合并。