2016-12-21 34 views
6

Webpack有一個代碼拆分feture(使用require.ensure或System.import),這使我們動態加載我們的js文件。但我想知道是否有任何方法來動態加載css文件?是否有任何方式來動態加載與webpack的css文件

這是如此奇怪,因爲我動態加載我的js文件,而我一次只加載我的css文件。

在我的項目中,我將css文件放在單獨的條目中,並使用extractTextPlugin將它們編譯爲額外的css文件。並將它們加載到鏈接標記中。

回答

1

你可以,但它們不會被加載爲CSS文件(帶有ExtractTextPlugin),而是來自JS,注入了style-loader(這是完全沒問題的)。

只有幾件事情要做。確保你正確設置了你的CSS/SASS/LESS /...-裝載機。如果ExtractTextPlugin已經可以工作,那麼你就很好。然後還要確保在ExtractTextPlugin.extract({})加載程序中將fallbackLoader設置爲style-loader(並且allChunks設置爲默認值:false)。

在這一點上,只需使用require.ensureSystem.import就可以像使用代碼一樣來要求/導入CSS文件。感謝webpack的魔力,事情就會神奇地發揮作用!

+0

它似乎不起作用。你可以給我一個例子嗎? – Zero

+1

webpack編譯css文件。但是,System.import('cssfile')不會加載該css文件。 – Zero

+0

好的,我明白了。我似乎犯了錯誤。無論如何,它現在起作用。非常感謝你 – Zero

相關問題