如何让 Modernizr 与 Webpack 4 一起使用

Question

在我的 Windows 10 计算机上，我使用 Git Bash，并且成功地使用npm startWebpack 为自定义 Web 项目捆绑了多个 CSS 和 JavaScript 文件。但我很难让 Modernizr 与 Webpack 4.8.3 一起工作。有人有关于这个具体实施的成功案例吗？寻找任何指导。我尝试了 3 个不同的 npm 包来集成 Modernizr 然后工作，但后者没有运气。

非常感谢您提供任何示例步骤和/或说明。

Answer 1

我参加聚会有点晚了，但我想我会使用 webpack 4.23.1 发布我的解决方案，以 klewis 的响应为基础。请耐心等待，因为这是我的第一个堆栈溢出答案。

在构建我的 Modernizr 构建文件并添加到我的/src目录后，我没有使用 HTML Webpack 插件，而是为 webpack 设置了另一个入口点，如下所示......

 entry: {
  bundle: './app/src/scripts/main.js',
  modernizr: './app/src/scripts/lib/modernizr_custom.js'
},

然后将输出文件名更改为filename: '[name].js'，然后构建的文件是我的bundle.jsas modernizr.js。

该文件现在可以挂接到我的模板中：<script src="/scripts/bundle.js"></script>

希望这个解决方案能够帮助其他人！