前面一節講了vue-cli的安裝,詳情請見vue-cli腳手架的安裝流程,這一節就loader的配置做一下詳細介紹:
(一)style-loader的配置:
vue的腳手架的package.json里默認帶有css-loader,沒有style-loader,因此在編寫代碼之前需要如下兩步配置好style-loader:
1)下載style-loader包
$ cnpm i style-loader -D //下載style-loader包
2)在webpack.config.js里面配置style-loader
(二)less-loader的配置:
如果項目要使用less的話,則需要以下兩步來配置less-loader:
1)下載less和less-loader包
$ cnpm i less less-loader -D //下載less和less-loader包
2)在webpack.config.js里面配置less-loader
(三)jquery的配置:
如果vue項目中想使用jquery來開發,則需在webpack.config.js中進行相應的jquery配置,詳情請見:Vue.js中引入jQuery的方法 。