vue引进less预编译语言使用

前提是所有的环境配置都安装好了

使用less预编译语言 

npm install less less-loader --asve

这样就已经下载安装好了less 和less-loader了，然后就配置

查看已经安装的地方：package.json>dependencies中可以看到;node_modules中也看到源码

然后在build文件下的webpack.base.conf.js>module.exports.module的数组中添加以下对象：

{
   test: /\.less$/,
   loader: 'style-loader!css-loader!less-loader'
}

然后就重新跑一次项目

在项目中要用到的<style lang="less" scoped>标签中加上 lang="less" 就可以使用，加上scoped 是标识只能在当前模板中有效的style