vue-cli3.0安装less并设置全局引用

vue-cli3.0安装less并设置全局引用

  • 1.安装less依赖
        • 一定要安装 style-resources-loader 插件
    • 2.vue.config.js配置.less文件全局![在这里插入图片描述](https://img-blog.csdnimg.cn/20191020135731198.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbnppX29ubHk=,size_16,color_FFFFFF,t_70)
    • 3.vue界面使用less变量

1.安装less依赖

vue-cli3.0安装less并设置全局引用_第1张图片

一定要安装 style-resources-loader 插件

2.vue.config.js配置.less文件全局vue-cli3.0安装less并设置全局引用_第2张图片

3.vue界面使用less变量

vue-cli3.0安装less并设置全局引用_第3张图片
这样设置之后在项目中统一的less样式,在vue中直接引用就OK了,很方便使用,也方便管理!

你可能感兴趣的:(vue-cli3.0安装less并设置全局引用)