首先聲明一下：傳統項目，我對它的定義是以前 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中只需要更改相應配置即可。
這是一條分割線
我知道自己很菜，有很多比我牛逼牛逼牛逼的人，
但是我想堅持寫博客，總結自己所學所長，從點滴積累自己的成長