sass或less文件中的波浪线～引发的问题

于 2022-09-08 09:44:27 发布
阅读量403 收藏
点赞数
文章标签： sass less 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/eadela/article/details/126758419
版权

解决方法： 升级less-loader到less-loader@6.0.0版本

项目test，引入包A, 包A引入B
test为webpack+less+less-loader
包A+B均为vite+less

test引入包A样式后（~@方式），无法解析A包引入的B包样式（@方式），
webpack会给前面会加‘./’
导致引入该包是无法解析，报错

less-loader@5.0.0无法解决

eadela
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
less/sass 文件编译成微信小程序wxss文件
03-29
在做demo小示例的过程中，我发现了一个极为让人为难的事儿：如何让 less/sass 文件转成小程序的 wxss 文件。 对于基本不使用原生 css ，而习惯编写 less 的我，这个事儿让我的样式编写相当的吃力。 在尝试配置 ...
详解vue项目中如何引入全局sass/less变量、function、mixin
08-27
在 Vue 项目中，如何引入全局 Sass/Less 变量、函数、Mixin 是一个常见的问题。今天，我们将详细介绍如何使用 sass-resources-loader 将全局 Sass/Less 变量、函数、Mixin 引入 Vue 项目中。 首先，让我们考虑以下...
Webpack--CSS、Sass、Scss的import中~（波浪线）的作用
最新发布
IT利刃出鞘的博客
08-25 1566
本文介绍CSS、Sass、Scss的import中~（波浪线）的作用。
vue文件less样式红色波浪线报错
learn_daydayUp的博客
09-27 1147
vue文件写less样式可以编译，但是会有红色波浪线报错 解决：1.右下角语言模式改为vue，若没有下载vetur扩展插件
解决vue项目中import @/符号下有波浪线的问题
Ryan的博客
04-07 2921
当我们用webstorm打开一个别人写好的vue项目时，可能会遇到下面的情况： 在这里面@符号是代表src的意思，虽然有时项目也能跑起来，但是看到波浪想着实有些糟心。 这个问题解决其实很简单，他具体产生的原因在这篇文章中解释的很详细： https://juejin.cn/post/6844903802185891848 具体解决过程如下： 1.首先打开webstorm中file->setting,之后找到language&frameworks中javascript的webp.
css----less预处理器
u012138854的博客
11-06 158
###less less是一种动态样式语言，属于css预处理器的范畴，它扩展了 CSS 语言， 增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展 LESS 既可以在 客户端 上运行 ，也可以借助Node.js在服务端运行。 less的中文官网：http://lesscss.cn/ bootstrap中less教程：http://www.bootcss.com/p/lessc...
sass笔记（一）
fan2016434589的博客
04-22 180
1、body.ie 举例来说，当用户在使用IE浏览器时，你会通过JavaScript在<body>标签上添加一个ie的类名，为这种情况编写特殊的样式如下 #content aside { color: red; body.ie & { color: green } } /*编译后*/ #content aside {color: red}; body.ie #content aside { color: green } 2、属性嵌套 nav { border:
解决vue中使用less/sass及使用中遇到无效的问题
01-18
一：使用方法 在vue官方脚手架中，即vue-lci搭建的项目中，可以轻易的使用less/sass...然后在style标签中添加lang=”less”即可，或者直接引用less文件，或者import一个less文件（如同import一个css文件）。 <style
学习CSS预处理器:Sass和less进行对比
12-13
- Less的函数和运算符相对较少，但在实际应用中也足够使用。 4. **编译和工具** - Sass通常需要Ruby环境，但可以通过工具如LibSass或Dart-Sass进行编译，而不需要了解Ruby语言本身。 - Less则可以通过JavaScript...
less_scss_lesssass_
09-30
在前端开发领域，LESS 和 SASS 是两种非常流行的CSS预处理器，它们扩展了CSS的语法，使得编写样式表更加高效、模块化。标题"less_scss_lesssass_"表明我们将探讨这两个工具的核心概念和使用方法。 LESS（层叠样式表...
Less 小记
weixin_42042250的博客
07-10 162
1 定义变量并使用 （变量可以计算） @color: pink; .box1{ width: 100px-10; height: 100px; background: @color; } 2 混合 可以将样式混合到另一个样式中 ① @color: pink; .box1{ width: 100px; height: 100px; backgr...
关于vite 无法使用全局变量
weixin_45121138的博客
12-16 759
最近在使用vite生成项目 ，用的sass 而不是node-sass 关于这两个的区别自行百度 这是我的sass的版本 ，关于无法使用全局变量 就是降sass的版本 就是你不嫌麻烦，在需要全局变量的地方再写一遍该变量名，或者你需要去覆盖该全局变量 ...
VUE3中SCSS引入背景图片的方式
热门推荐
phplife的电子商务网上商城专栏
04-15 1万+
在VUE3的组件中写样式时会需要用到css的背景图片，这时背景图片怎么引入呢？一般有两种方式： 一、相当路径引： background: url("./../assets/img/test.png") no-repeat; 二、绝对路径 background: url("~@/assets/img/test.png") no-repeat; ...
【记录】vue项目中@import 后面的波浪号~ 代表什么意思
Potry Code的博客
03-30 2533
在使用vue-element-admin框架的时候，发现原来导入样式也可以这也写！写法挺高级的，就此记录下~ 由于是在webstorm中编写的项目，编辑器好像不识别这种写法，所以一直报错。 这种写法其实是webpack中的一个配置。这里用~符号,表示后面的值为 alias, 然后就会去vue.config.js的 alias 配置中找相应的值。 然后拼接成最后的地址： 'src/styles/...
vscode 使用 less 出现红色波浪线问题
08-27 3375
之前使用vscode中的style样式，使用less语法的时候，明明语法正确，也不报错。但是代码中就有波浪线报错。如图下： 解决方法如下： 1.打开文件》首选项》设置
css中“~”（波浪号）、“，”（逗号）、“+”（加号）和“＞”（大于号）详解
yb305
07-24 1520
p~ul选择器 p之后出现的所有ul。 　　两种元素必须拥有相同的父元素，但是 ul不必直接紧随 p。 css中“>”是: 　　css3特有的选择器，A>B 表示选择A元素的所有子B元素。 　　与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。 .a，.b｛逗号指相同的css样式｝；.a .b｛空格指后代元素｝；.a>.b｛大于号指子代元素｝； ...
less完整笔记
weixin_46724415的博客
04-04 1577
css预处理器--less
CSS预处理器入门指南：Sass、Compass与Less实战
3. **SASS的特性和用法**：书中详细介绍了如何在SASS中使用变量定义主题色、混合（mixin）实现代码重用、嵌套规则提高组织结构，以及使用@import导入其他SASS文件。 4. **Compass.js和Less.js的应用**：对于前端...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

eadela

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值