webpack合並入口點

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-merge設置在開發環境中僅擁有“ webpack-hot-middleware / client”而不是prod？

我試圖添加與此共同的條目。

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

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

但這只是造成重復錯誤。

Answer 1

開發和生產中都使用了相同的東西。 因此，僅在開發人員條目中包含'webpack-hot-middleware/client' ，它將自動與common的條目合並為index 。