vue插件-less、less-loader样式管理

news/2024/10/10 16:24:18/文章来源:https://www.cnblogs.com/bigcat26/p/18456601

说明:有的项目采用的是less样式,浏览器不识别less样式,需要通过less、less-loader【安装5版本的】对less进行处理,把less样式变为css样式,浏览器才可以识别。另外引入的版本不宜过高,否则也会出现莫名奇妙的错误。

安装命令如下

cnpm install --save less less-loader@5
或者
npm install --save less less-loader@5

注意点3:如果想让组件识别less样式,需要在style标签的身上加上lang=less

报错场景

错误场景1:cnpm不是内外部命令

原因:那就说明不认识命令cnpm,可以采用npm命令进行安装;另外有些人在IDEA中的Terminal终端窗口进行命令安装也显示失败,那么请用管理员权限打开CMD黑色窗口,进行命令安装。

安装cnpm命令:
npm install cnpm -g --registry=https://registry.npm.taobao.org

错误场景2:已经安装less、less-loader的前提下,引入的css样式还是爆红,比如如图

原因:如果想让组件识别less样式,需要在style标签的身上加上lang=less

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/811143.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

解决找不到文件端口问题

1.出现此问题是找不到该路径2.找到start.sh文件此为docker中访问网址路径3.找到conf文件夹下的nginx.conf文件并编辑 找到这个位置将root路径改为 root /xh/web;

字符编码发展史6 — BOM字节序标记

上一篇《字符编码发展史5 — UTF-16和UTF-32》我们讲解了UTF-16和UTF-32编码。本篇我们将继续讲解字符编码中的字节序标记(BOM)。 2.3. 第三个阶段 国际化 2.3.2. Unicode的编码方式 2.3.2.5. BOM 1. 什么是BOM? BOM是Byte Order Mark的缩写,翻译成中文是:字节序标记,主要用…

解决docker启动数据库

1.用docker下载数据库并启动2.若启动失败显示端口被占用 删除虚拟机下载的数据库删除占用的端口号

系统设计 - 笔记

参考 https://www.zhihu.com/question/268090534

回忆上了发条

该文被密码保护。...该文被密码保护。 GGrun happy! happy~ ha~ppy来自WPS 你爱我我爱你我们两个甜蜜蜜~来自 HDK

Guava中的Joiner和Splitter

目录Guava 介绍Joinerlist转stringmap转string处理嵌套集合处理null值Splitterstring转liststring转map多个拆分符输出代码 Guava 介绍 Guava 是 Google 开发的一个开源 Java 库,提供一系列核心功能增强 Java 的标准库。 它包含许多有用的工具和集合类,使 Java 开发更加高效,…

十二、pytorch的基础知识

1、快捷命令2、TensorTensor是PyTorch中重要的数据结构,可认为是一个高维数组。它可以是一个数(标量)、一维数组(向量)、二维数组(矩阵)以及更高维的数组。Tensor和Numpy的ndarrays类似,但Tensor可以使用GPU进行加速。Tensor的基本使用: from __future__ import print…

还在花钱做GIS影像切片?GISBox帮你免费搞定!

GIS影像切片是指将大范围的地理影像数据切割成多个小块,以便更高效地存储、处理和显示。这种技术广泛应用于地图服务、地理信息系统(GIS)、三维可视化等领域,尤其在需要显示大规模地理数据时,通过切片可以显著提升渲染速度和用户体验。目前许多提供GIS影像切片服务的产品都…

硬货!Zabbix监控AIX系统服务案例

本文将介绍如何使用Zabbix自定义键值脚本方式监控AIX 系统IBM CICS中间件进程服务以及日志文件等信息。 Customer Information Control System (CICS) Transaction Server 是 IBM 针对 z/OS 的多用途事务处理软件。这是一个功能强大的应用程序服务器,用于大型和小型企业中的事…

获取pytdx行情服务器ip和port

之前一直用的api.connect(124.71.187.122, 7709)突然不能用了,调查了一下,给出如下解决方案 打开通达信客户端,选项->通讯设置。勾掉"登录时查找最快的主站",手动选择"行情主站",点确定。 点击"选项"中的"断开行情主站",再点…

SpingSecurity认证流程与使用

1、Security的本质: SpringSecurity的本质就是一个过滤器链,内部包含了提供各种功能的过滤器,基本案例中的过滤器链如下图所示(仅展示了部分核心过滤器)UsernamePasswordAuthenticationFilter:负责处理我们在登陆页面填写了用户名密码后的登陆请求。基本案例的认证工作主要…

3个步骤轻松集成Push Kit,实现App消息推送

推送通知作为App重要的消息传递工具,广泛应用于电子商务、社交媒体、旅游交通等领域的通知场景。比如当应用有新功能或安全补丁时,系统将推送消息提醒用户及时更新;如果是航班出行类的应用,会发送最新的班次时间表给用户,以确保及时提醒。推送通知是App与用户建立联系,保…