// 1.导入less文件 可省略后缀
import "main";
//等价于
import "main.less";
//2.@import的位置可随意放置
#main {
font-size: 15px;
}
@import "style";
// reference
// less中最强大的特性 使用引入的less文件, 但不会编译它
@import (reference) "bootstrap.less";
#wrap:extend(.navbar all) {}
//once
//@import语句的默认行为,这表明相同文件只会被导入一次,而随后的导入文件的重复代码都不会解析。
@import (once) "foo.less";
@import (once) "foo.less"; // this statement will be ignored
//multiple
// 使用@import(multiple)允许导入多个同名文件
//file:foo.less
.a {
color: green;
}
//file:main.less
@import (multiple) "foo.less";
@import (multiple) "foo.less"
less-导入
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- Jerry_lxb 关注 2018.04.25 20:45 字数 335 阅读 341评论 2喜欢 6 在vue开...
- 前言 基于cli3,配置 less / scss 全局自动化导入,官方文档 提供了3种方式作自动化导入。 由于比较...
- 在vue开发前期准备工作中..遇到这样个问题。想把共有的变量封装在variable.less里。还有extends...
- vue-cli 构建的项目默认是不支持 less 的,需要自己添加。 首选,安装 less 和 less-load...