首先声明一下：传统项目，我对它的定义是以前 jquery+php、bootstrap+ jquery、甚至就一个单一的官网(只包含一个html、css文件、一些js文件)
传统项目里写css的时候是下面这样子的，要不断复制父级className,一个是麻烦，另外一个是费时间没有技术含量。
- 第一步：安装Koala:
在Koala官网(链接：http://koala-app.com/index-zh.html)根据你的系统平台下载对应的版本。Linux系统要求已安装好ruby运行环境。
- 第二步：拖拽项目进来
- 第三步：可以愉快地开始写less或者sass文件了
这里我放下我写的less文件，koala生成的css文件目录结构，以及html页面引入css文件，浏览器显示效果
图2备注：一个html单页和less项目目录以及koala生成的.css文件
图3备注：直接引用koala生成的css文件
图4备注：浏览器显示效果
-
另外还有一种就是在Node.js 环境中使用 Less ：
npm install -g less > lessc styles.less styles.css
-
还有在我们的webpack项目中使用less/sass:
需要的loader：less-loader、less，安装命令：npm i -D less-loader less
然后在webpack.config.js中只需要更改相应配置即可。
这是一条分割线
我知道自己很菜，有很多比我牛逼牛逼牛逼的人，
但是我想坚持写博客，总结自己所学所长，从点滴积累自己的成长