vue-cli腳手架的配置(style-loader,less-loader等的配置)

前面一節講了vue-cli的安裝,詳情請見vue-cli腳手架的安裝流程,這一節就loader的配置作一下詳細介紹:css

 (一)style-loader的配置:html

vue的腳手架的package.json裏默認帶有css-loader,沒有style-loader,所以在編寫代碼以前須要以下兩步配置好style-loader:vue

1)下載style-loader包jquery

$ cnpm i style-loader -D      //下載style-loader包

2)在webpack.config.js裏面配置style-loaderwebpack

 (二)less-loader的配置:web

 若是項目要使用less的話,則須要如下兩步來配置less-loader:vue-cli

1)下載less和less-loader包npm

$ cnpm i less less-loader -D      //下載less和less-loader包

2)在webpack.config.js裏面配置less-loaderjson

(三)jquery的配置:less

若是vue項目中想使用jquery來開發,則需在webpack.config.js中進行相應的jquery配置,詳情請見:Vue.js中引入jQuery的方法 。

相關文章
相關標籤/搜索