2017-03-08 19 views
0

幾天來,我一直在嘗試使用react-create-app或我自己的webpack配置來設置一個反應項目,這種配置以某種方式集成了scss。我總是用wepack得到一些奇怪的依賴關係問題(無論是2.2.1還是1.4.1都找不到正確的版本)。有沒有人有關於如何去做這件事的想法?如何獲得scss處理反應項目?

+0

編號說,一個好地方簽出將創建反應的應用程序文檔,其中有一個專門討論這個問題的整個部分。 https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor-sass-less-etc – finalfreq

回答

3

這是我要做的事

的package.json依賴關係:

"css-loader": "^0.26.1", 
"node-sass": "^4.4.0", 
"sass-loader": "^4.1.1" 

(或者是最新版本的)

webpack.config.js模塊裝載機:

{ 
    test: /\.scss$/, 
    loader: 'style-loader!css-loader!sass-loader' 
} 

在你的代碼中(如果可能的話,根文件)

import './<your style path>/<your style file>.scss'