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

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

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

bash 复制代码
npm uninstall sass-loader sass 

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

bash 复制代码
npm install sass-loader@7.3.1 sass@1.26.2

从新配置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'],
	      },
	    ],
	  },
	  ...
	};
相关推荐
朱涛的自习室5 小时前
212 个需求、22 万行代码:Agent 接管开源项目的 19 天
android·前端·人工智能
aZhe的全栈知识分享5 小时前
AI 还原 Figma 效果总达不到预期?先别急着让它写代码
前端·后端·面试
review445435 小时前
Codex Hooks 入门实战:生命周期事件、matcher 与5分钟跑通一个钩子
前端·agent·vibecoding
函数小陈5 小时前
阿里云部署DSH与RAM完成运维
前端·后端
用户499335025075 小时前
JS 作用域劫持的死穴:动态 this 穿透,以及 AST 怎么救
前端
IT_陈寒6 小时前
React的setState真是个演员,你以为它同步其实在装睡
前端·人工智能·后端
孟健8 小时前
Claude Code 同需求写两版对比:装不装 frontend-design 差多远?
前端·ai编程·claude
梦de天空一米16889 小时前
【一个重复id让游戏卡在62%,聊聊配置表检查】
前端
用户3434612783209 小时前
用户认证系统在高并发下的幂等性与限流策略踩坑实录
css
ryn483989 小时前
01 一个功能模块,怎么分层才不乱
前端·ai编程·claude