如何在react项目中使用sass

如何在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="App">
      <header className="App-header">
        <p className='box'>
          React.
          <span>你好</span>
        </p>
      </header>
    </div>
  );
}
export default App;

效果:

20190505180201959.png

更多React相关技术文章,请访问React答疑栏目进行学习!

以上就是如何在react项目中使用sass的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » React 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏