有没有办法用webpack动态加载css文件

Question

Webpack有一个代码拆分feture(使用require.ensure或System.import),它使我们动态加载我们的js文件.但是我想知道是否有任何方法可以动态加载css文件？

它是如此奇怪,因为我动态加载我的js文件,而我只加载我的CSS文件一次.

在我的项目中,我在单独的条目中创建我的css文件,并使用extractTextPlugin将它们编译为额外的css文件.并将它们加载到链接标记中.

Answer 1

可以，但它们不会作为 CSS 文件加载（使用 ExtractTextPlugin），而是从 JS 加载，用 style-loader 注入（这完全没问题）。

只有几件事要做。确保正确设置 CSS/SASS/LESS/...-loader。如果 ExtractTextPlugin 已经可以工作，那么您就很擅长这一点。然后还要确保您已在加载程序中fallbackLoader设置为style-loader（并allChunks设置为默认值：）。falseExtractTextPlugin.extract({})

此时，只需使用require.ensure或System.import来要求/导入 CSS 文件，就像使用代码一样。感谢 webpack 的魔力，一切都会神奇地进行！