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

痞子三分冷 提交于 2019-11-26 22:49:28

基于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吧。

 

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!