【gulp-sass】本地搭建sass開發環境


首先去官網下載一下nodejs。

然后安裝gulp:

    選擇一個目錄執行命令行:npm init,一直回車生成package.json文件

image.png

image.png

    再執行命令:npm install gulp --save-dev,安裝gulp依賴包到本目錄。(安裝成功)

image.png

    再執行:npm install gulp-ruby-sass --save-dev,安裝ruby-sass依賴包。(安裝成功)

image.png

    再執行:npm install gulp-sass,安裝sass依賴包。(安裝完成)

image.png

    在當前目錄新建文件:gulpfile.js (gulp的入口文件)

image.png

鍵入gulp任務代碼:

引入包->創建sass與watch任務

image.png

 

在命令行執行gulp watch

進入gulp監聽sass狀態(保存scss文件,即可將執行sass任務)

image.png

 

如:這是scss,

image.png

將生成:這是css,

image.png


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM