vue-element-template优化升级dart-sass、pnpm

1、替换 node-sass 为 dart-sass

json 复制代码
- "node-sass": "^4.9.0",
+ "sass": "^1.75.0",

替换css深度作用域写法

bash 复制代码
/deep/
>>>

# 替换为

::v-deep

Vue:Node Sass VS. Dart Sass

升级之后发现有很多语法警告

可以采用降低的sass版本的方式处理

js 复制代码
// 上面的写法表示 1.32.6 ~ 1.32.x 都可以使用,1.33.0以上的版本才被禁止。
"sass": "~1.32.6"

ref: SASS的禁用警告 Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

2、替换npm为pnpm,需要补充一些依赖,否则打包会报错

json 复制代码
{
  "private": true,
  "dependencies": {
    "qs": "6.5.3",
  },
  "devDependencies": {
    "core-js": "2.6.12",
    "vue-style-loader": "4.1.3",
    "cache-loader": "2.0.1",
    "regenerator-runtime": "0.14.0",
    "thread-loader": "2.1.3",
    "babel-loader": "8.3.0",
    "webpack-bundle-analyzer": "^4.5.0",
    "@vue/babel-preset-app": "3.12.1",
    "css-loader": "1.0.1",
    "url-loader": "1.1.2",
    "vue-loader": "15.10.2",
    "postcss-loader": "3.0.0",
    "svg-baker-runtime": "1.4.7",
  }
}
相关推荐
计算机毕业设计木哥21 分钟前
计算机毕业设计选题推荐:基于SpringBoot和Vue的快递物流仓库管理系统【源码+文档+调试】
java·vue.js·spring boot·后端·课程设计
Wx-bishekaifayuan1 小时前
基于微信小程序的社区图书共享平台设计与实现 计算机毕业设计源码44991
javascript·vue.js·windows·mysql·pycharm·tomcat·php
九十一3 小时前
vue3事件总线与emit
前端·vue.js
丨Sky丨夜吻3 小时前
vscode扩展
ide·vue.js·vscode
青灬河4 小时前
实现企业级全栈应用服务框架-Elpis(一)
vue.js·node.js
一只小风华~5 小时前
学习笔记:Vue Router 中的链接匹配机制与样式控制
前端·javascript·vue.js·笔记·学习·ecmascript
FuckPatience7 小时前
前端Vue 后端ASP.NET Core WebApi 本地调试交互过程
前端·vue.js·asp.net
北城以北88887 小时前
Vue-- Axios 交互(二)
javascript·vue.js·交互
我总是词不达意8 小时前
vue3 + el-upload组件集成阿里云视频点播从本地上传至点播存储
前端·vue.js·阿里云·elementui
北城以北88888 小时前
Vue-- Axios 交互(一)
前端·javascript·vue.js