我已经将 webpack 配置文件分解为 3 个单独的文件,如 webpack 4.1 docs 中建议的那样,使用 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-hot-middleware/client'**而不是 prod,使用我的 webpack-merge 设置?
我试着加入这个共同的条目。
entry: [
`${ROOT_DIR}/js/index`
]
然后在 webpack.dev 条目中:[5],
但这只是造成重复错误。
1 回答
在 dev 和 prod 中都使用了共同的东西。因此,只在开发条目中包含
'webpack-hot-middleware/client'
,它将自动与 common 的index
条目合并。