前言：
本文以sass為例，
其實，應用sass或者less，是指先將檔案交給sass-load或者less-loader處理成css檔案，然後再交給css-loader、style-loader進行處理。
如果你的專案中使用了scss。
安裝sass-loader、node-sass
我們目前的專案目錄：
配置webpack.config.js如下：
首先，以.scss結尾的檔案會被sass-loader處理成正常的css檔案，接著再交給css-loader、style-loader進行處理。
執行npm run dev，在瀏覽器開啟http://localhost:8080/。可以看到scss檔案中的樣式正常顯示。
如何讓scss檔案也支援模組化？
改一下webpack.config.js的配置：
執行npm run dev，在瀏覽器開啟http://localhost:8080/。可以看到scss檔案中的樣式正常顯示,css模組化成功！
同樣，根據《webpack之css模組化》你也可以選擇性的配置哪些scss檔案需要模組化，哪些不需要。
同理，如果專案中應用了less
需要的loader：less-loader、less
$ npm i -d less-loader lessgreater 和less 的使用
greater和less是標頭檔案中定義的兩個結構。下面看它們 的定義，greater和less都過載了操作符 cpp view plain copy template struct greater emplate ty struct greater public binary function t...
less入門和使用（二）
less是一門css預處理語言，增加了變數，mixin,函式等特性。一 變數 顧名思義，less 英文含義為 減少的 在我的理解看來就是讓css也可以擁有某些js的特點，譬如如果要給幾個div新增顏色background color 4d926f 如果用css來寫就要給每個div分別加這個顏色，如果...
less的配置和使用
less 的配置 1.瀏覽器端的使用 巢狀 符號代表父元素 hover 變數 width 100px 混合模式 1,最簡單的混合 classa clearfix classb 帶引數混合 border color box1 box2 box3 多個引數的混合 border width,style,c...