vue項目中引入Sass


  Sass作為目前成熟,穩定,強大的css擴展語言,讓越來越多的前端工程師喜歡上它。下面介紹了如何在vue項目

中引入Sass。

  首先在項目文件夾執行命令 npm install vue-cli -g,安裝vue-cli腳手架,若是已經安裝了,則不必再次安裝,直接

跳過這一步。接下來執行命令行vue init webpack mypro(注:mypro是項目名)。

  接下來安裝Sass依賴包,使用以下命令行:

  npm install sass-loader --save-dev

  npm install node-sass --save-dev

  執行完畢后,找到build文件夾,在文件夾里面的webpack.base.conf.js中修改以下配置:

  在module下的rules里添加配置:

  最后就到了應用這一步了,只需設置lang="scss"

  好了,是不是很簡單。

 


免責聲明!

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



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