如何准确地将node-sass与create-react-app 2结合使用?

时间:2018-10-26 15:34:29

标签: reactjs sass create-react-app

因此,我使用create-react-app @ v1编写gulp任务来最小化和编译SASS,这不是实时的,但是现在在create-react-app @ v2中,Facebook已经支持node-sass来实时编译和反映更改。所以,我的问题是

  

使用node-sass,我应该将styles.scss放在哪里?

我试图将其放在index.html中,但是它不起作用,所以也许index.js可以解决问题?

  

一旦我styles.min.css,CRA2会在npm run build中最小化我的SASS吗?

1 个答案:

答案 0 :(得分:1)

将样式放入/src/App.scss中,并更新src/App.js(顶级JS文件/索引)以包含App.scss而不是.css。这将导致CRA自动编译/后处理SCSS。

另请参阅:https://facebook.github.io/create-react-app/docs/adding-a-sass-stylesheet