Vue中Less全局变量及样式问题

• 安装less以及所需要的加载器

sass-resources-loader实现最先加载less文件（顺序执行，放在最先打包则实现全局访问变量）
webpack在入口加载main.js文件默认打包js文件，其它类型文件打包需要我们手动去安装一些加载器，例如sass-resources-loader

//可以根据错误提示进行安装缺少的内部依赖
npm install less sass-resources-loader css-loader style-loader less-loader -D

• 修改build文件夹下utils

resources中路径是全局less文件，__dirname是Node中写法，代表当前文件下的根目录，path.resolve是path模块下的方法，拼接并返回一个绝对路径

less: generateLoaders('less').concat({
      loader: 'sass-resources-loader',
      options: {
        resources: path.resolve(__dirname, '../src/assets/style/global.less')
      }
})