vue 中如何使用 less

一、依赖下载

1. 使用 npm 下载

   npm install --save less less-loader
   

   或者使用 yarn 下载

   yarn add less less-loader --dev
   

2. 检查是否安装成功

   lessc -v
   

二、 项目中使用 less

1. mian.js 中引入

   import less from 'less'
   Vue.use(less)
   

2. 创建一个 .vue 文件，开始使用 less

   <style lang="less" scoped> </style>
   

三、遇到问题

1. 问题：在初次安装less后，在本地使用npm run dev运行项目时出现报错：
   
2. 导致原因：less-loader 版本过高
3. 解决办法：
   1. 卸载现有 less-loader

      npm uninstall less-loader
      

   2. 重新安装低版本的 less-loader

      npm install less-loader@4.1.0 --save