Webpack 模块 css 依赖

Question

是否可以在 webpack.config.js 中设置模块，以便在需要模块时自动加载任何需要的 css？

因此，例如，如果我加载 bootstrap，所需的 css 文件也将由 webpack 加载，而无需我每次需要时自己输入额外的 require 行。

例子：

require('bootstrap'); // This should load bootstrap.js as well as bootstrap.css

Answer 1

为了在 Webpack 中需要 CSS，你需要一个特定的加载器（和其他所有东西一样）。 添加加载程序后，您只需要在您需要的每个文件中都需要它。 Webpack 会在需要时自动为您加载它，您只需要告诉 webpack 从中制作一个包并在您的索引/主 html 中要求该包。

您正在尝试使用相同的 require 来要求 bootstrap js 和 css，我相信 Webpack 无法知道您正在尝试加载两个不同的文件（即使是公共文件）。 我相信您可以执行require('bootstrap)和require('bootstrap.css') ，但我认为您无法一步加载两者。

https://webpack.github.io/docs/stylesheets.html