首先下载依赖 yarn add sass-loader node-sass 然后在项目路径 node_modules/React-scripts/config/webpac
首先下载依赖
yarn add sass-loader node-sass
然后在项目路径
打开文件
找到
加入红线内的代码
{
test:/\.sCSS$/,
loaders: ['style-loader', 'css-loader', 'sass-loader']
},
就可以使用scss了
知识点扩展:
React pwa的配置
const WorkboxWebpackPlugin = require('workbox-webpack-plugin')
plugins: [
new MiniCssExtractPlugin({
filename: '[name].css'
}),
new WorkboxWebpackPlugin.GenerateSW({
clientsClaim:true,
skipWaiting:true
})
],
到此这篇关于react项目引入scss的方法的文章就介绍到这了,更多相关react项目引入scss内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: react项目引入scss的方法
本文链接: https://www.lsjlt.com/news/124302.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0