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

简介: vue插件-less、less-loader样式管理

1.jpg
@[toc]

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

image.png

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

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

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

image.png

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

目录
相关文章
|
7月前
|
JavaScript
Ant designe vue中有关默认组件引入不生效的问题;
Ant designe vue中有关默认组件引入不生效的问题;
91 0
vue3+vite项目中使用svg图标
vue3+vite项目中使用svg图标
876 0
|
存储 JavaScript API
vue3+ant design vue 自定义文件上传和自定义上传进度条
1.关键点是Upload组件中customRequest的API,它能通过覆盖默认的上传行为,可以自定义自己的上传实现(具体可看官方文档); 2.通过在Upload组件中绑定progress实现。 下面是详细代码
2211 0
|
JavaScript
Vue vant引入,tabbar封装使用示例
使用tabbarTempValue值来监听,使用active值来接收。这是为了防止props为单向数据绑定,在组件内改变值后会产生报错,父页面无法接收
443 0
|
4月前
Vue3项目引入 vue-quill 编辑器组件并封装使用
本文介绍了如何在Vue3项目中引入并封装使用`vue-quill`富文本编辑器组件,包括安装配置、父页面实现、子组件设计以及使用方法和效果展示。
1187 0
|
6月前
|
JavaScript 前端开发
Vue,如何引入样式文件
Vue,如何引入样式文件
|
7月前
|
JavaScript API
Vue中组件和插件有什么区别?
Vue中组件和插件有什么区别?
92 0
|
JavaScript 前端开发
Vue.js组件的重要选项
Vue.js组件的重要选项
74 0
|
7月前
|
JavaScript 前端开发 开发者
vue的组件和插件
Vue中的组件是用于构建用户界面的可复用单元,而插件是为Vue添加全局功能的扩展。两者在Vue框架中扮演着不同的角色,共同促进了Vue应用的开发和维护。
vue的组件和插件
|
7月前
|
XML JavaScript 前端开发
如何在VUE项目中引入SVG图标
如何在VUE项目中引入SVG图标
189 0