webpack無法將Import scss語法打包進構建css文件

腳手架服務目標：typescript+react+scss
背景：近期搭建了一個腳手架，發現打包后，css並沒有打包進去；
原因：使用了import "../xxx/scss";

解決方案：1.修改babel.config.js文件presets配置；

　　　　　　原本參數為false，改為commonjs

如圖

具體參數：

這樣修改會有個嚴格的問題：
　　當我們引用某個包如：import * as Loadable from 'react-loadable';

　　使用的時候不能直接的Loadable()，需要Loadable.default();

　　如果將Babel的配置改成fasle的話可以直接Loadable()；

　　個人認為原因是使用了commonjs規范編譯，使用import * as 會將所有導入一個對象，方法Loadable掛在default上；

解決方案二：使用 require ('../xxxx.scss');