1

我已按照 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 的设置，我如何才能在开发点而不是产品中仅使用“webpack-hot-middleware/client” ？

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

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

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

但这只会导致重复错误。

4

1 回答 1

2

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

于 2018-03-12T00:08:05.150 回答