2

有谁知道是否有办法让这个插件（https://github.com/mmiller42/html-webpack-externals-plugin）适用于我自己的文件，这些文件不在 node_modules 中？

例如：我在 app/js/config/ 中有一些配置数据文件我希望将这些文件从所有包中排除，复制到输出（dist）文件夹并在运行时从那里读取，这正是这个插件可以，但对于 node_modules 中的文件。

我设法让它复制一个测试文件并在 index.html 中插入脚本标记，但 test.js 文件的内容仍然捆绑并从那里读取。这是我的实验配置：

new HtmlWebpackExternalsPlugin({
  externals: [
    {
      module: 'test',
      entry: '../../js/config/test.js',
      global: 'test',
    },
  ],
})

任何帮助将不胜感激！

4

1 回答 1

1

我遇到同样的问题。当我使用插件时，它总是在文件夹html-webpack-externals-plugin中找到库。node_modules而且我知道它已从此链接中弃用。

幸运的是，它推荐了一个html-webpack-tags-plugin可以完美解决这个问题的新库。以下是我的关键配置。

plugins: [
    new CopyWebpackPlugin([
      { from: "./src/Config.js", to: "." },
    ]),
    new HtmlWebpackPlugin({
      template: path.join(__dirname, "src/index.html"),
    }),
    new HtmlWebpackTagsPlugin({
      tags: [{ path: "Config.js", type: "js" }],
      append: false,
    }),
  ],
于 2021-06-18T00:51:14.707 回答