记一次使用less的使用

一、安装less和less-loader

 cnpm install less@4 --save-dev
 cnpm install less-loader@7 --save-dev

（此版本最为稳定）

二、安装 style-resources-loader 、vue-cli-plugin-style-resources-loader

cnpm install style-resources-loader vue-cli-plugin-style-resources-loader --save-dev

三、在vue.config.js配置全局less文件

（若是单纯写页面的less代码可不用配置，直接在style里使用，<style lang="less"></style>）

// vue.config.js

const path = require('path')

 pluginOptions: {
        'style-resources-loader': {
            preProcessor: 'less',
            patterns: [
                path.resolve(__dirname, './src/assets/css/utils.less')
            ]
        }
    }