vue2中使用less，添加全局less样式文件

一、vue2中安装less并使用

1. 安装依赖包

npm install less less-loader@5 --save-dev

注意：请使用less-loader@5安装less-loader 5.0.0版本，最新版本在vue2中可能无法使用，会报错哦

2、在style标签中添加lang="less"就可以使用less了

<template>
  <div class="hello">
    <h1>Welcome to Your Vue.js App</h1>
  </div>
</template>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
@bg: brown;
.hello {
  background: @bg;
  h1 {
    font-weight: normal;
    color: @primary;
  }
}
</style>

二、全局引入less文件

1、安装依赖包

npm install style-resources-loader -D

2、在build/utils.js文件下配置

  // generate loader string to be used with extract text plugin
  function