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"
好了,是不是很簡單。