vuecli3中使用less

记录一下如何在vue中使用less吧~
首先先需要安装less less-loader

npm install less less-loader --save-dev
然后需要安装vue-cli-plugin-style-resources-loader style-resources-loader
vue add style-resources-loader vue-cli-plugin-style-resources-loader
这里建议使用vue add 的方式 因为会弹出SCSS/LESS/Stylu/postcss 供你选择 这里选择less

# 会自动生成这些代码 我们只需要在  path.resolve写我们less文件所在的位置即可1/
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        path.resolve(__dirname, './src/assets/style/varibles.less') 
      ]
    }
  }

接下来 就可以在.vue的文件中使用啦。