Webpack模块css依赖

时间:2016-09-12 10:53:44

标签: javascript webpack

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

因此,如果我加载bootstrap,也可以通过webpack加载所需的css文件,而不必在每次需要时自行键入额外的require行。

示例:

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

1 个答案:

答案 0 :(得分:1)

为了在Webpack中需要CSS,您需要一个特定的加载器(与其他所有东西一样)。添加加载器后,您只需要在每个所需的文件中都需要它。 Webpack会在需要时自动为你加载它,你只需要告诉webpack从中创建一个bundle并在index / main html中需要这个bundle。

你试图要求bootstrap js和css具有相同的要求,我相信Webpack无法知道你正在尝试加载两个不同的文件(即使是普通文件)。我相信你可以require('bootstrap)require('bootstrap.css'),但我认为你不能一步加载。

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