3项目里面全局用less变量 cli vue_vue-cli3 如何全局引入less变量

当有一个可在全局使用的公共less变量文件

variable.less

如何写才能一次性在所有.vue文件中引入这个文件?

我尝试了几种方法

1:安装style-resources-loader

然后配置

const path = require("path");

module.exports = {

pluginOptions: {

"style-resources-loader": {

preProcessor: "less",

patterns: [path.resolve(__dirname, "./src/assets/style/variable.less")]

}

};

使用后没有任何效果

测试了 ./src @/src ~@/src 依然没有任何效果

2:在main.js中引入variable.less

这样确实可以获取到variable.less中的样式但是变量拿不到

提示:

Variable @BG is undefined

我设置的变量是 BG 提示找不到这个变量

3:使用下面冯恒智建议的方法

改写成less 结果无效

4:使用 globalVars

目前唯一成功的方法

但是感觉这样需要每次去vue.config.js里面去维护有点不方法有没有更好的办法

不知道如何写才能引入less的公共变量文件,

想要的效果是在所有.vue文件里面不用重复写引入公共变量less文件

如果有知道怎么做的,麻烦指点一下谢谢

3项目里面全局用less变量 cli vue_vue-cli3 如何全局引入less变量相关推荐

3项目里面全局用less变量 cli vue_VUE CLI3 less 全局变量引用
方法一 1.添加依赖 style-resources-loader 2.vue.config.js中添加 module.exports = { pluginOptions: { 'style-reso ...
3项目里面全局用less变量 cli vue_Vue实战14——抽离全局less变量与Vuex持久化、多模块构建...
上文中说到了利用Element-ui优化了导航栏,本节介绍抽离公共的less变量与利用Element-Ui实现登录注册页面.本项目git地址: https://gitee.com/vuejslearn ...
3项目里面全局用less变量 cli vue_vue-cli3配置使用vw实现移动端适配案例
前言:本demo是基于脚手架3创建的vue项目,主要演示的是如何使用vw实现移动端适配:并且在项目中如何引入自定义的less全局变量. 一. 配置vw适配: 1. 安装以下插件: npm instal ...
vue 怎么全局到入常量_Vue 中如何定义全局的变量和常量（转）
17.6k 次阅读 · 读完需要 10 分钟 7 Vue 中如何定义全局的变量和常量我想要定义一个变量, 在项目的任何地方都可以访问到, 不需要每一次使用的时候, 都引入. 尝试1: 创建 gl ...
scratch/mblock项目：跑酷闯关（侦测、条件语句、数据与变量的应用）
scratch/mblock项目:跑酷闯关(侦测.条件语句.数据与变量的应用) 任务简介项目重难点项目流程图项目步骤一.启动mblock软件二.保存文件三.角色设计四.游戏场景设计五. ...
自动驾驶系统进阶与项目实战（九）基于行锚框和全局信息的深度学习车道线检测方法
自动驾驶系统进阶与项目实战(九)基于行锚框和全局信息的深度学习车道线检测方法目前多数基于深度学习的车道线检测方法通常把车道线的识别问题处理为车道线像素分割问题,单纯的像素级语义分割模型的推理的实时性 ...
java自动化初始变量_Java自动化测试-01.环境准备(JDK/环境变量/Intellij IDEA安装)
Window 系统下 Java 环境搭建 1.1.JDK 下载如果你是 32 位系统下载 jdk-8u241-windows-i586.exe(32 位) 如果你是 64 位系统下载 jdk-8u2 ...
环境变量变量名变量值_如何使用环境变量
环境变量变量名变量值 Environment variables are a set of dynamic named values that can affect the way running ...
Vue超好玩的新特性：在CSS中引入JS变量
授权转载自: 手撕红黑树 https://juejin.im/post/6856668819344392206 幻想以前做项目的时候经常会这么想: <template><h1> ...

3项目里面全局用less变量 cli vue_vue-cli3 如何全局引入less变量

3项目里面全局用less变量 cli vue_vue-cli3 如何全局引入less变量相关推荐

最新文章

热门文章