要使用yarn安装Sass,你可以运行以下命令:
yarn add sass sass-loader
如果你使用的是 Create React App,可以通过 react-app-rewired 和 customize-cra 来配置 Webpack。
yarn add react-app-rewired customize-cra
const { override, addDecoratorsLegacy, addWebpackAlias, addWebpackModuleRule } = require("customize-cra");
const path = require("path");
module.exports = {
webpack: override(
addDecoratorsLegacy(),
addWebpackAlias({
"@": path.resolve(__dirname, './src')
}),
addWebpackModuleRule({
test: /\.s[ac]ss$/i,
use: [
'style-loader',
'css-loader',
'sass-loader',
],
})
)
}
安装 react-app-rewired 和 customize-cra:修改 package.json