当前位置: 首页 > news >正文

vue2老项目中node-sass更换dart-sass

更换原因:node-sass经常会出现node版本问题,就很麻烦

卸载项目中的node-sass sass-loader

npm uninstall sass-loader sass 

安装dart-sas sass-loader 推荐安装sass@1.26.2 sass-loader@7.3.1

npm install sass-loader@7.3.1 sass@1.26.2

从新配置vue.config.js

// vue.config.js
module.exports = {css: {loaderOptions: {sass: {implementation: require('sass'), // This line must in sass option},},}
}

然后需要全局替换一下/deep/,全局搜索 /deep/ , 将项目里的 /deep/ 替换为 ::v-deep

如果使用了stylelint,需要修改配置规则

// stylelint.config.jsmodule.exports = {...rules: {'selector-pseudo-element-no-unknown': [true,{ignorePseudoElements: ['v-deep'],},],},...};

http://www.lryc.cn/news/407693.html

相关文章:

  • 源/目的检查开启导致虚拟IP背后的LVS无法正常访问
  • 类和对象(四)
  • <PLC><HMI><汇川>在汇川HMI画面中,如何为UI设置全局样式?
  • 在Git项目中添加并应用“.gitignore”文件
  • LeetCode Hot100 搜索二维矩阵
  • iOS中的KVO(Key-Value Observing)详解
  • 算法 —— 暴力枚举
  • 构造+有序集合,CF 1023D - Array Restoration
  • Scrapy 爬取旅游景点相关数据(四)
  • Vue常用指令及其生命周期
  • 简化数据流:Apache SeaTunnel实现多表同步的高效指南
  • 均匀圆形阵列原理及MATLAB仿真
  • vue2使用univerjs
  • VUE3 el-table-column header新增必填*
  • 条件概率和贝叶斯公式
  • Kali中docker与docker-compose的配置
  • C++ | Leetcode C++题解之第283题移动零
  • Exponential Moving Average (EMA) in Stable Diffusion
  • 017、Vue动态tag标签
  • RocketMQ 架构概览
  • 优化医疗数据管理:Kettle ETL 数据采集方案详解
  • spring-from表单
  • 【.NET】asp.net core 程序重启容器后redis无法连接,连接超时
  • 【vue前端项目实战案例】Vue3仿今日头条App
  • 常见的文心一言的指令
  • 数字货币交易接口实现(含源代码)
  • c++函数以及函数分文件编写
  • 【JVM基础06】——组成-直接内存详解
  • 学术研讨 | 区块链与隐私计算领域专用硬件研讨会顺利召开
  • AngularJS API 深入解析