react中使用sass/scss
安装npm i node-sass -D或者yarn add node-sass -D然后重启项目建一个index.sass的文件.test-redux1border: 1px solid black在组件中引入即可import './index.sass'<div className="test-redux1">1111</div>如果需要css作用域在建sass的时候,
·
sass与scss一样
- 安装
npm i node-sass -D 或者 yarn add node-sass -D # 尽量用yarn安装,npm安装完后,总是出问题 - 然后重启项目
- 建一个index.sass的文件
.test-redux1 border: 1px solid black - 在组件中引入即可
import './index.sass' <div className="test-redux1">1111</div>
如果需要css作用域
- 在建sass的时候,文件名为 index.module.sass ,中间加个 module
.test-redux1 border: 1px solid black - 然后在引入, 需要将sass 导出, 然后c[‘类名’]
import c from './index.module.sass' <div className={c['test-redux1']}>111</div>
更多推荐
所有评论(0)