javascript - 如何使用 webpack 包含整个 polyfill 文件夹？

Question

我正在从 C# 中的 BundleConfig.cs 转换为使用 webpack。

我有以下部分作为特定包的一部分:

.IncludeDirectory("~/Scripts/helpers/", "*.js")

在这个文件夹中是一堆修改 ko 对象的 Knockout.js 文件，如 ko.datepicker 等。由于这些模块实际上并未在任何地方导入/需要，因此 webpack 不会将它们作为正常 bundle 的一部分。你如何告诉 webpack 将给定文件夹中的所有文件包含到输出文件中？

Answer 1

一种方法是像这样将它们包含在条目中，使用 glob图书馆:

const glob = require('glob')
const koHelpers = glob.sync('./Scripts/helpers/*.js')

module.exports = {
  entry: [
    ...koHelpers,
    './app.js'
  ]
}

当然，助手们仍然依赖于他们可用的 ko 对象，这可能需要进一步考虑，例如设置别名。