React Loadable在動態加載的組件中請求新的CSS
[英]React Loadable requesting new css in dynamically loaded components
問題描述
我正在使用可加載的React來編碼分離的組件。 我還使用Extract CSS Chunks來拆分樣式表。 在服務器端渲染和初始客戶端渲染期間，一切工作都很好，但是當我過渡到新頁面並且動態導入組件時，正在獲取JS，但沒有獲取組件的相應CSS。
當我所有的CSS都放在一個文件中時，這不是問題，但是現在不是了，我如何為動態導入的組件將CSS和JS一起獲取？ 那是Webpack Flush Chunks應該幫助的嗎？
提前致謝！
1 個解決方案
解決方案1
1 已采納 2018-09-15 09:19:18
我通過升級到webpack 4並使用mini-css-extract-plugin解決了此問題
我應該使用 react-loadable 還是 loadable-components 進行代碼拆分？
[英]Should I use react-loadable or loadable-components for code splitting?
使用React Loadable封裝在HOC中的代碼拆分路由組件
[英]Code splitting route components wrapped in a HOC with React Loadable
使用 react-loadable 延遲加載組件的動態路徑導入
[英]Dynamic path import for lazy loading of components using react-loadable
延遲加載：react-loadable無法加載其他文件夾中的組件
[英]Lazy loading: react-loadable is failing to load components in other folders
無法使用 Webpack 和 React 異步加載具有可加載組件的組件
[英]Failed to asynchronously load component with loadable components using Webpack and React
使用組件作為屬性的react-loadable導入動態對象
[英]react-loadable import dynamicaly object with components as properties
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
React Router with Loadable Components 錯誤
測試可反應加載的組件
使用可加載組件的 React.lazy 模式
在React中動態加載的CSS無法間歇工作
我應該使用 react-loadable 還是 loadable-components 進行代碼拆分？
使用React Loadable封裝在HOC中的代碼拆分路由組件
使用 react-loadable 延遲加載組件的動態路徑導入
延遲加載：react-loadable無法加載其他文件夾中的組件
無法使用 Webpack 和 React 異步加載具有可加載組件的組件
使用組件作為屬性的react-loadable導入動態對象
相關標簽