【Vue】如何使用 less ?

Vue 如何使用 less ?

依赖下载

1、首先使用npm下载依赖

npm install --save less less-loader

2、安装完成后检查是否安装成功

lessc -v

3、如果安装成功后，会显示安装成功后的版本

引用方法

1、在main.js

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

2、然后创建一个.vue文件我们开始玩耍了；

注意：独立的vue文件需要引入less

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