确认已经安装了 Node.js 和 npm(或者 yarn)
在项目根目录下运行以下命令安装 SASS 和 React SASS 包:
npm install node-sass --save-dev
npm install sass-loader --save-dev
npm install react-sass --save
或者使用 yarn 安装:
yarn add node-sass --dev
yarn add sass-loader --dev
yarn add react-sass
确认已经在 webpack.config.js 中配置了 sass-loader,可以参考如下代码:
module: {
...
rules: [
{
test: /\.scss$/,
use: [
{ loader: 'style-loader' },
{ loader: 'css-loader' },
{ loader: 'sass-loader' }
]
},
...
]
}
在需要使用 SASS 的组件中导入样式,可以参考以下代码:
import React from 'react';
import './styles.scss';
const MyComponent = () => {
return (
...
);
}
export default MyComponent;