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

迈不过友情╰ 2024-03-24 12:23 87阅读 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 条评论，87人围观）

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

相关阅读

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

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

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

相关 Vue状态管理插件-Vuex入门

文章目录安装vuex 创建store Store方法的参数： state getters

我不是女神ヾ/ 2023年06月24日 04:44/ 0 赞/ 32 阅读

相关 Vue--插件--Vue SSR

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

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

相关 Vue--插件--Vuex

原文网址：[Vue--插件--Vuex\_IT利刃出鞘的博客-CSDN博客][Vue--_--Vuex_IT_-CSDN] 其他网址 > [VueJS中学习使用Vuex

ゝ一纸荒年。/ 2022年12月28日 12:33/ 0 赞/ 232 阅读

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

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

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

相关 Vue--插件--Vue Router

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

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

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

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

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

相关 idea主题样式插件

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

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

相关 VUE插件汇总

一、UI组件及框架 1. [element][] \- 饿了么出品的web UI 2. [mint-ui][] \- Vue 的移动UI元素 3. [iview][]

喜欢ヅ旅行/ 2022年01月05日 10:07/ 0 赞/ 440 阅读

相关 vue组件样式

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

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