create-react-app sass的使用

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;