如何在react项目中使用sass
create-react-app创建的react项目，默认就是支持Sass的，使用只需要安装一下node-sass这个包即可使用
命令：
npm install node-sass -D
测试Sass：
1）创建文件 src/test.scss ==>> 后缀名：.scss
$themeColor: #17B3A3;
p{
background: $themeColor;
span{
color: #0f0
}
}
2）在App.js 中引入使用
import React from 'react';
import './test.scss'
function App() {
return (
<div className=&qu<strong style="color:transparent">来源gao@daima#com搞(%代@#码网</strong>ot;App">
<header className="App-header">
<p className='box'>
React.
<span>你好</span>
</p>
</header>
</div>
);
}
export default App;
效果：
更多React相关技术文章，请访问gaodaima搞代码网进行学习！
以上就是如何在react项目中使用sass的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：如何在react项目中使用sass
转载请注明原文链接：如何在react项目中使用sass
