在vue中,如果直接使用less語法寫樣式的話,行不通
解決辦法:
1.ctrl+c,終止批處理操作
2.輸入命令: npm i less-loader -D
這時會有一些警告
(注意:當使用npm安裝模塊的時候,如果只寫包的名字,就表示安裝最新的版本
npm i jquery -S 安裝的就是最新版本jquery3.4.0
如果要指定安裝某一個版本的包(低版本),那么就需要在這個包的名字后面跟@加上版本號
npm i jquery@1.12 -S 此時安裝的就是jquery1.12版本)
而警告里面出現的require提示我們需要安裝包依賴項
輸入命令:
3.在webpack中配置對less的處理
最后運行前需要注意,將css文件的后綴都改為.less
對於sass也是一樣的,對應的是sass-loader。