为了账号安全,请及时绑定邮箱和手机立即绑定

关于less的代码冗余的问题。

关于less的代码冗余的问题。

慕娘9325324 2018-08-15 16:23:55

在使用less编译的过程中,有两个less文件
common.less 里存放的是用less写的公用类,用的多的颜色啊,用的多的样式操作啊。
style.less 是页面样式文件。

现在需要在style.less里使用common.less里定义的变量或类, 于是我在style.less的开头写上了@import "common.less",

这时我查看编译后的 style.css ,发现他的开头就等于把common.less里的样式编译成css直接加进去了。

如果common.less里有很多行代码, 而且不止style.less这一个less文件要调用common.less的变量,
那么我需要在每个less文件都用@import 引入common.less, 然后最后编译出来的css等于在每个文件头部都加了一份common.less的代码,那样不就有很多重复的代码了吗?

怎么解决。


查看完整描述

2 回答

?
撒科打诨

TA贡献1817条经验 获得超2个赞

要用就得引啊,没办法。

查看完整回答
反对 回复 2018-08-21
?
www说

TA贡献1681条经验 获得超8个赞

  1. 如果是单页面,
    写一个最后编译的文件 main.less,main.less把所有页面的样式引入

    import "common.less"
    import "index.less"
    import "about.less"

  2. 如果是多页面,common.less直接编译好,在每个页面头部引入,然后单独写每个页面的less即可啊


查看完整回答
反对 回复 2018-08-21

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信