Webpack有一個代碼拆分feture(使用require.ensure或System.import),這使我們動態加載我們的js文件。但我想知道是否有任何方法來動態加載css文件?是否有任何方式來動態加載與webpack的css文件
這是如此奇怪,因爲我動態加載我的js文件,而我一次只加載我的css文件。
在我的項目中,我將css文件放在單獨的條目中,並使用extractTextPlugin將它們編譯爲額外的css文件。並將它們加載到鏈接標記中。
Webpack有一個代碼拆分feture(使用require.ensure或System.import),這使我們動態加載我們的js文件。但我想知道是否有任何方法來動態加載css文件?是否有任何方式來動態加載與webpack的css文件
這是如此奇怪,因爲我動態加載我的js文件,而我一次只加載我的css文件。
在我的項目中,我將css文件放在單獨的條目中,並使用extractTextPlugin將它們編譯爲額外的css文件。並將它們加載到鏈接標記中。
你可以,但它們不會被加載爲CSS文件(帶有ExtractTextPlugin),而是來自JS,注入了style-loader(這是完全沒問題的)。
只有幾件事情要做。確保你正確設置了你的CSS/SASS/LESS /...-裝載機。如果ExtractTextPlugin已經可以工作,那麼你就很好。然後還要確保在ExtractTextPlugin.extract({})
加載程序中將fallbackLoader
設置爲style-loader
(並且allChunks
設置爲默認值:false
)。
在這一點上,只需使用require.ensure
或System.import
就可以像使用代碼一樣來要求/導入CSS文件。感謝webpack的魔力,事情就會神奇地發揮作用!
我成功使用以下設置爲不同租戶動態加載樣式。
https://github.com/shiranGinige/react-redux-starter-with-login/blob/master/README.md
它似乎不起作用。你可以給我一個例子嗎? – Zero
webpack編譯css文件。但是,System.import('cssfile')不會加載該css文件。 – Zero
好的,我明白了。我似乎犯了錯誤。無論如何,它現在起作用。非常感謝你 – Zero