正确的方法来拆分使用bootstrap和sass构建的现有SWA的css - 并使用异步组件按需加载

Question

我正在尝试提高现有SWA的页面速度，该SWA是使用Bootstrap构建的（因此包含大量CSS）并使用SASS进行编写。 我发现第一次加载时页面中添加了太多css的实际问题 - 这是因为所有css都是在根组件中导入而没有任何拆分点。 我已经拆分我的捆绑并使用异步组件 - 现在我想知道是否有一种方法来拆分css所以它将按需加载？ 另外，我只想加载尚未加载的css。 我正在使用Webpack 3，React和Sass。

任何帮助将不胜感激。