• 售前

  • 售后

热门帖子
入门百科

react项目引入scss的方法

[复制链接]
123457049 显示全部楼层 发表于 2021-10-26 13:13:43 |阅读模式 打印 上一主题 下一主题
起首下载依靠
  1. yarn add sass-loader node-sass
复制代码
然后在项目路径
  1. node_modules/react-scripts/config/webpack.config.js
复制代码
打开文件
找到

加入红线内的代码
  1.   {
  2.               test:/\.scss$/,
  3.               loaders: ['style-loader', 'css-loader', 'sass-loader']
  4.             },   
复制代码
就可以利用scss了
知识点扩展:
React pwa的设置
在到webpack设置文件中添加插件
  1. const WorkboxWebpackPlugin = require('workbox-webpack-plugin')
  2. plugins: [
  3.         new MiniCssExtractPlugin({
  4.             filename: '[name].css'
  5.         }),
  6.         new WorkboxWebpackPlugin.GenerateSW({
  7.             clientsClaim:true,
  8.             skipWaiting:true
  9.         })
  10.     ],
复制代码
到此这篇关于react项目引入scss的方法的文章就介绍到这了,更多干系react项目引入scss内容请搜刮脚本之家从前的文章或继续浏览下面的干系文章希望大家以后多多支持脚本之家!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作