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",
  }
}
相关推荐
试图让你心动4 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
_Kayo_4 小时前
VUE2 学习笔记6 vue数据监测原理
vue.js·笔记·学习
陈琦鹏5 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
小毛驴8506 小时前
创建 Vue 项目的 4 种主流方式
前端·javascript·vue.js
JSON_L10 小时前
Vue 电影导航组件
前端·javascript·vue.js
计算机编程果茶熊10 小时前
毕设选题难、不会写代码、答辩紧张?校园失物招领系统从需求到实现全流程指南|计算机毕业设计
java·vue.js
奇舞精选10 小时前
从零开始实现Vue3+WebAssembly万级数据表格开发流程
vue.js·webassembly
Britney⁺♛&?ꪶꪫꪜꫀ13 小时前
Vue2上
vue.js·npm
江城开朗的豌豆13 小时前
Element UI动态组件样式修改小妙招,轻松拿捏!
前端·javascript·vue.js
海天胜景17 小时前
vue3 el-table 列数据合计
前端·javascript·vue.js