create-react-app 脚手架中已经添加了 sass-loader 的支持，所以只需要安装 node-sass 插件即可
$ npm install node-sass --save
使用
编写 sass 文件: icon-loading.scss
.icon-loading {
font-family: "iconfont";
color: orange;
font-size: 30px;
&:before {
content: "\e633";
}
}
在 js 文件中直接使用,如下:
import React from "react";
import logo from "./logo.svg";
import "./App.css";
import "./icon-loading.scss";
function App() {
return (
<div className="App">
<span className="icon-loading" />
</div>
);
}
export default App;
网友评论