1. 程式人生 > >vue填坑之全局引入less,scss,styl文件

vue填坑之全局引入less,scss,styl文件

正常 組件 spa ase pan 文件 all 原因 處理

每次全局引入less文件都是心累的旅程,木有一次能正常啟動的,啊,好在最後都解決了,但是原理,本姑娘還是不懂

以全局引入less文件為例

首先安裝less的依賴包

技術分享圖片

用的cnpm install 淘寶鏡像文件下載,npm install -g cnpm --registry=https://registry.npm.taobao.org(全局安裝)

用build文件下的webpack.base.conf.js裏配置less的依賴

技術分享圖片

{ test: /\.less$/, loader: ‘style-loader!css-loader!less-loader‘ } 在main.js中全局引入 (如果不加loader依賴就會報錯,至於原因我也想知道,想哭,嗚嗚嗚) 技術分享圖片

如果在組件內引入

技術分享圖片

不需要加loader依賴

OK,表面問題就這樣處理了,如有知道原因,不吝賜教,感謝

vue填坑之全局引入less,scss,styl文件