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

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

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

bash 复制代码
npm uninstall sass-loader sass 

安装dart-sas sass-loader 推荐安装[email protected] [email protected]

bash 复制代码
npm install [email protected] [email protected]

从新配置vue.config.js

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

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

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

javascript 复制代码
// stylelint.config.js
	module.exports = {
	  ...
	  rules: {
	    'selector-pseudo-element-no-unknown': [
	      true,
	      {
	        ignorePseudoElements: ['v-deep'],
	      },
	    ],
	  },
	  ...
	};
相关推荐
Deepsleep.4 小时前
东田数码科技前端面经
前端·科技·面试
涵信6 小时前
第十八节:开放性问题-Vue生态未来趋势
前端·vue.js·devops
牧杉-惊蛰6 小时前
css 数字从0开始增加的动画效果
前端·javascript·css
孤灯淡茶6 小时前
Fiori学习专题十五:Nested Views
前端·javascript·学习
green_pine_6 小时前
CSS学习笔记14——移动端相关知识(rem,媒体查询,less)
前端·css·笔记·学习·less
Monly216 小时前
Vue:el-table-tree懒加载数据
前端·javascript·vue.js
进取星辰6 小时前
16、路由守卫:设置魔法结界——React 19 React Router
前端·javascript·react.js
清羽_ls7 小时前
cURL 入门:10 分钟学会用命令行发 HTTP 请求
前端·curl·命令行工具
jjw_zyfx7 小时前
vue3 css模拟语音通话不同语音、正在加载等的效果
前端·css
致微7 小时前
【Vue bug】:deep()失效
前端·vue.js·bug