前面一节讲了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的方法 。