动手写webpack配置--9.关于less和sass

基于Webpack4.x + npm6.5 + node v10.10.0 +react+ vscode环境.

项目名webpackDemo;

上一节讲到loaders:https://blog.csdn.net/fengsh998/article/details/88170903

因为现在前端开发很多时候都不只是写裸裸的css了。有一类人,觉得css的样式太个单纯,没有活力,没有气息。于是呼,程序员嘛,终归要整个成就感。这种白纸黑字的玩意,太简单不费脑。只是量的问题,不停的堆就可以了。这就是css,不考考虑重用性,继承性,冗余性。所以大神来了。硬生生的给css造了个心藏。less和sass非要把css当成了有生命的程序来写。我想也就这样吧。我吹牛的,也不知道是不是这样。不管啦。反正不进则退。不搞到别人维护不了,自己就掉饭碗。

关于less和sass的区别这时有一篇,可以了解下:https://www.cnblogs.com/hope666/p/6791790.html

less的中文文档:https://less.bootcss.com

sass的中文文档:https://www.sass.hk/docs/

less-loader :https://www.webpackjs.com/loaders/less-loader/

sass-loader: https://www.webpackjs.com/loaders/sass-loader/

less就是以.less为扩展名来写一批less语法的css样式。

sass就是以scss为扩展名来写一批sass语法的css样式。

看大家平时工作中怎么用吧。更多的看文档,我这半桶水的,就不在这里显摆。

作为学习笔记吧。

后面把bootstrap的自定义给编了。作为学习sass-loader吧。

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

边缘998

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值