Webpack模块css依赖项



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

所以如果我加载bootstrap,同样需要的css文件也会被webpack加载,而不需要我每次需要的时候都自己输入额外的require行。

的例子:

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

为了在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

最新更新