因此,我使用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吗?
答案 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