1. 程式人生 > >vue腳手架中安裝sass或者less

vue腳手架中安裝sass或者less

其實在新建一個專案的時候會有選擇是否sass或者less,如果選擇y,專案中即自動配置好並且直接使用即可,若沒有,後期自己再配置,配置步驟如下:

less和sass使用過程:(拿less舉例) 1、需要安裝less: cnpm install less --save 2、需要安裝依賴:cnpm install less-loader --save(如果是sass,還需要安裝node-sasssass-loader依賴於node-sass) 3、配置webpack.config.js檔案,把less新增進去

     {         test:/\.less$/,         loader:"style-loader!css-loader!less-loader"       }, 4、頁面引入lang="less"即可