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;
效果:
来源: http://www.css88.com/qa/react/14479.html