webpack-merge 入口点

Question

我已经按照 webpack 4.1 文档中的建议将我的 webpack 配置文件分解为 3 个单独的文件，使用 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' ？

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

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

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

但这只是导致了重复错误。

Answer 1

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

的 index 的条目合并

webpack-merge 入口点

webpack-merge entry point

webpack

webpack-hot-middleware

webpack-2

webpack-dev-middleware