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

迈不过友情╰ 2024-03-24 12:23 69阅读 0赞

![在这里插入图片描述][201cb7e59bb94276b20be0c55371360b.jpeg_pic_center]

#### 文章目录 ####

> 说明：有的项目采用的是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不是内外部命令

![在这里插入图片描述][d80f0a3865c248e8b1061210c8a820c3.png_pic_center]

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

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

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

![在这里插入图片描述][cb8a393ac08b4b8fa39ac7dd594f5d6c.png_pic_center]

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

[201cb7e59bb94276b20be0c55371360b.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/8c727c8e25d7446bbeb7fd337f1d1af6.png
[d80f0a3865c248e8b1061210c8a820c3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/e45e7ff4f7b047a1a30e7c2f5d49e5ad.png
[cb8a393ac08b4b8fa39ac7dd594f5d6c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/2d1481da7fab4544a76b74713b56d312.png

发表评论取消回复

表情：

评论列表（有 0 条评论，69人围观）

还没有评论，来说两句吧...

相关阅读

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

![在这里插入图片描述][201cb7e59bb94276b20be0c55371360b.jpeg_pic_center] 文章目录 > 说明：有的项目采用的是

迈不过友情╰/ 2024年03月24日 12:23/ 0 赞/ 70 阅读

相关 Vue--插件--Vue SSR

其他网址 > [基于vue现有项目的服务器端渲染SSR改造 - 小火柴的蓝色理想 - 博客园][vue_SSR_ - _ -] > [Vue.js 服务器端渲染指南

电玩女神/ 2022年12月29日 14:01/ 0 赞/ 182 阅读

相关实用网址、vue插件、vscode插件

实用网址：蚂蚁资源网：https://www.m1zy.com/ vue手册：https://www.w3cschool.cn/aekdgs/25h8gdn

悠悠/ 2022年12月28日 09:15/ 0 赞/ 212 阅读

相关 Vue--插件--Vue Router

原文网址：[Vue--插件--Vue Router\_IT利刃出鞘的博客-CSDN博客][Vue--_--Vue Router_IT_-CSDN] 其他网址 > [Vu

缺乏、安全感/ 2022年12月28日 01:41/ 0 赞/ 211 阅读

相关 vue使用swiper插件修改左右箭头的默认样式

效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

古城微笑少年丶/ 2022年11月27日 08:48/ 0 赞/ 412 阅读

相关 Jenkins插件管理

Jenkins通过大量插件提供附加的功能，管理Jenkins插件主要是安装和配置。这里主要介绍Jenkins插件的安装，具体配置需要参考具体Jenkins插件的说明。 Jen

阳光穿透心脏的1/2处/ 2022年06月06日 23:23/ 0 赞/ 387 阅读

相关【jenkins】插件管理

1. 查询已安装插件的列表直接通过`pluginManager`的查询API即可获取, 通过访问如下的路径来获取: http://yourJenkinsHos

淩亂°似流年/ 2022年05月15日 07:57/ 0 赞/ 336 阅读

相关 Eclipse 插件管理

前言前段时间需要安装`Eclipse Scala`插件, 折腾半天, 终于捣鼓好了. 将`Eclipse 插件`相关的知识记录在此. 相关插件CSDN下载 [Ec

秒速五厘米/ 2022年02月20日 06:21/ 0 赞/ 281 阅读

相关 idea主题样式插件

1、File->Settings...->Plugins中搜索Material Theme UI，然后点击安装，安装完成后重启Idea ![watermark_type_Zm

矫情吗；*/ 2022年01月30日 06:07/ 0 赞/ 420 阅读

相关 vue组件样式

背景使用嵌套组件时，样式往往会覆盖，即子组件的样式会覆盖App.vue的样式比如App.vue的h1标签的颜色是红色，User.vue的h1是绿色，但运行时，都变成

约定不等于承诺〃/ 2021年12月12日 00:19/ 0 赞/ 398 阅读