vue全局使用less样式文件

1.安装 sass-resources-loader
2.找到build文件夹下面的utils.js
3.generateLoaders('less') 修改成

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

4.1.less 就是你的全局文件

5.这样在任何组件里面都能使用1.less样式里面定义好的全局样式

6.如果不这么写的话 就需要在每个页面都要单独引入1.less