webpack-合并入口点

Question

我已经把我的webpack配置文件分解成3个单独的文件，这是webpack 4.1文档中的建议，它使用了将它们合并在一起的方法。

• 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-热门中间件/客户端’。使用webpack-merge的设置，我如何才能绕过只有'webpack-hot-middleware/client'在开发点，而不是在prod？

我试着添加与这个条目相同的条目。

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

然后在webpack.dev条目中：${ROOT_DIR}/js/index，‘webpack-热中间件/客户机’，

但这只会导致复制错误。

Answer 1

在dev和prod中都使用共同的东西。因此，只在dev条目中包含'webpack-hot-middleware/client'，它将自动与公共的index条目合并。