Import LESS file only for one page

后端 未结 3 1574
独厮守ぢ
独厮守ぢ 2021-01-13 06:58

I have main all.less file, where I\'m including all other less files

e.g.

@import \"scaffolding.less\";
@import \"type.less\";
@import          


        
相关标签:
3条回答
  • 2021-01-13 07:13

    If your homepage is seperate html file, then you should include separate css file to it.

    I would suggest you to rethink your design. Because it seems that your css code is not so reusable. Here is a very good and free book that will teach you the concepts.

    0 讨论(0)
  • 2021-01-13 07:27

    That does not seem to be possible directly as all the less will eventually be compiled to css before being given to a page. Probably you need to create a separate file with a name like all_homepage.less for that purpose?

    0 讨论(0)
  • 2021-01-13 07:32

    On your homepage use:

    <body class="homepage">
    

    And then in your Less files:

    .homepage {
      @import "homepage.less";
    }
    

    The above still compiles all your code in a single file. Your compiled CSS code will have a larger number of bytes, but you can cache the same file for all your pages.

    0 讨论(0)
提交回复
热议问题