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 (
    
); } export default App;

你可能感兴趣的:(create-react-app sass的使用)