jest jakiś sposób, aby dynamicznie załadować pliku css z WebPacka

Question

WebPACK ma feture kod łupania (wykorzystanie require.ensure lub System.import), które sprawiają nam dynamicznie ładować nasze pliki JS. Ale chcę wiedzieć, czy istnieje sposób dynamicznego ładowania pliku css?

To jest tak dziwne, ponieważ dynamicznie załadować moje pliki js podczas załadować moje pliki css tylko w jednym czasie.

W moim projekcie, robię moje pliki CSS w osobnych wpisach i użyj extractTextPlugin skompilować je jako dodatkowych plików CSS. I załaduj je w tagu linku.

Answer 1

Można, ale nie zostaną one załadowane jako pliki CSS (z ExtractTextPlugin), ale z JS, wstrzyknięto style-ładowarki (co jest całkowicie w porządku).

Jest tylko kilka rzeczy do zrobienia. Upewnij się, że poprawnie skonfigurowałeś ładowarki CSS/SASS/LESS /...-. Jeśli ExtractTextPlugin już działa, jesteś dobry w tym punkcie. Wtedy też upewnić się, że fallbackLoader zestaw do style-loader (i allChunks wartości domyślne: false) w swojej ładowarki ExtractTextPlugin.extract({}).

W tym momencie wystarczy użyć require.ensure lub System.import, aby zażądać/zaimportować swoje pliki CSS, dokładnie tak, jak zrobiłbyś to z kodem. Dzięki magii pakietu internetowego rzeczy będą działać magicznie!

Answer 2

Użyłem następującej konfiguracji, aby dynamicznie wczytać style dla różnych lokatorów.

https://github.com/shiranGinige/react-redux-starter-with-login/blob/master/README.md