阅读 261

移除node-sass使用less

由于用npm 或者yarn 安装less较容易,而安装sass要么就一直报安装失败,要么费了九牛二虎之力才能安装成功。安装体验磕磕绊绊,故统一使用less。

第一步,移除sass相关依赖包
yarn remove sass yarn remove sass-loader rm -rf .\node_modules\ 复制代码

第二步,安装less相关依赖包
yarn add less less-loader --dev 复制代码

第三步,检查报错源

注意less跟sass的区别,这里简单提几个

变量在Less和Sass中的唯一区别就是Less用@,Sass用$ 复制代码

Sass中如果变量需要在字符串中嵌套,则需使用#加大括号包裹: 例:border-#{$left}:10px solid blue; Less中是变量名使用大括号包裹,例: .theme-#@{theme-name} {...} 复制代码

Sass支持条件语句,可以使用if{}else{},for{}循环等等。而Less不支持。 复制代码

第四步,sass文件替换成less

注意不是所有的标签上都需要加上lang="less",有嵌套、变量和计算、Mixin代码片段,循环等的加上即可,且不要一次性所有文件都换成less,要一个一个跑,不然不好定位错误。

写得不好,希望互相鼓励


作者:何需清浅
链接:https://juejin.cn/post/7028762061505036318


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐