1

我正在从节点提供 Webpack 包并尝试使用“webpack-hot-middleware”进行热重载。

Webpack 包使用 'var' libraryTarget 并公开一个导出所有模块的文件：

Webpack 配置示例：

const config = {
    entry: './lib/src/index.js',
    output: {
      path: path.resolve(__dirname, 'dist'),
      publicPath: '/',
      library: "myLib",
      libraryTarget: 'var',
    },
    ...

webpack-hot-middleware 文档设置说明说：

2) Add 'webpack-hot-middleware/client' into the entry array. This connects to the server to receive notifications when the bundle rebuilds and then updates your client bundle accordingly.

问题是 - 由于我没有入口数组，我如何/如何使用我当前的单个入口点配置来设置它？

我试过的：

将“条目”值从字符串转换为数组，如下所示：

entry: ['./lib/src/index.js', 'webpack-hot-middleware/client']

然而，从 index.js 公开的全局变量此时变得未定义。

感谢您的任何建议。

4

1 回答 1

1

你很接近： entry: ['./lib/src/index.js', 'webpack-hot-middleware/client']。

您需要将其更改为：

entry: {
    main: ['./lib/src/index.js', 'webpack-hot-middleware/client']
}

的值entry需要是字符串或对象。the webpack-hot-middleware/client当他们说“将'webpack-hot-middleware/client'添加到条目数组中”时，对此有点困惑。我遇到了与您相同的问题，并且只有在查看webpack 条目文档并查看一些实现示例后才能解决。

于 2021-04-29T20:59:16.560 回答