- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- react中怎么引入scss？方法是什么？
react中怎么引入scss？方法是什么？
Admin 2021-10-23 群英技术资讯 1442 次浏览
在实际的React项目中，我们会遇到引入scss的需求，那么react中怎么引入scss呢？其实并不难，本文给大家分享一下react引入scss的方法，需要的朋友可以参考。
首先下载依赖
yarn add sass-loader node-sass
然后在项目路径
node_modules/react-scripts/config/webpack.config.js
打开文件
找到
加入红线内的代码
{
test:/\.scss$/,
loaders: ['style-loader', 'css-loader', 'sass-loader']
},
就可以使用scss了
知识点扩展：
React pwa的配置
在到webpack配置文件中添加插件
const WorkboxWebpackPlugin = require('workbox-webpack-plugin')
plugins: [
new MiniCssExtractPlugin({
filename: '[name].css'
}),
new WorkboxWebpackPlugin.GenerateSW({
clientsClaim:true,
skipWaiting:true
})
],
以上就是关于“react怎么引入scss”的方法介绍了，需要的朋友可以参考上面的方法，希望对大家有帮助，想要了解更多可以继续浏览群英网络其他相关的文章。
文本转载自脚本之家
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
JS函数上下文规则包括什么，具体应用是怎样
上下文是从英文context翻译过来，指的是一种环境。在软件工程中，上下文是一种属性的有序序列，它们为驻留在环境内的对象定义环境。在对象的激活过程中创建上下文，对象被配置为要求某些自动服务。又比如计算机技术中，相对于进程而言，上下文就是进程执行时的环境
-
React中使用window.print打印页面无响应怎么办
这篇文章主要介绍了React中使用window.print()出现页面无响应问题解决记录，首先问题原因可能是操作了document但是并未进行销毁（可能是），具体问题解决思路参考下本文吧
-
怎样做一个小程序自定义弹框，方法是什么
这篇文章主要为大家详细介绍了小程序自定义弹框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
-
vue-router实现编程式导航的详细代码介绍
页面导航是网站页面很重要的功能，是通过一定的技术手段，为网站的访问者提供的一定途径，使其方便访问到所需的内容，页面导航通常是在网站的banner下面或者网页的内部。编程式导航是页面导航中的一种，也就是通过调用JavaScript形式的API实现导航的方式，例如普通页面这篇能够的location.href。这篇文章就分享一下vue-router实现编程式导航的详细代码。
-
JavaScript中分号有什么作用？哪些问题要注意?
今天给大家分享的是关于JavaScript中分号的内容，一些朋友会纠结加不加分号的问题，其实掌握分好的作用，这个问题就很好解决了。对此，下面小编就给大家介绍一下JavaScript中分号的作用及要注意的几点。
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
