step1:安装sass
npm install sass-loader node-sass --save-dev
step2:配置sass
1、找到webpack.config.dev.js和webpack.config.prod.js
2、分别修改test: /\.css$/改为test: /\.(css|scss)$/,并且在use:[]中添加即use:[...,...,{loader: require.resolve('sass-loader')}]
}
step3:在package.json中scripts:{}中添加
"build-css": "node-sass-chokidar src/ -o src/",
"watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
通过create-react-app创建的react项目使用sass
最新推荐文章于 2024-05-10 15:32:50 发布