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