首页 文章

webpack-merge 切入点

提问于
浏览
0

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

  • webpack.common.js

  • webpack.dev.js

  • webpack.prod.js

我遇到的问题是我正在使用webpack-dev-middlewarewebpack-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 条目中:[5],

但这只是造成重复错误。

1 回答

  • 1

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

相关问题