Less框架中将CSS强制打包到单个文件中的技巧

西沉的红日,把缕缕落寂的橘红涂满天际。夕阳下,沧桑古老的小道上充满着迷离的格调,显得格外的幽静。天地万物似乎都酣醉在这片凝固着却极短暂的美丽之中,止住了一切声响。

less 在import 其它less文件的时候会将其合并到单个文件中。
但是当引入css 文件时,默认不会将css 合并进来 。
使用inline 关键字 将a.css 强制打包到最终的单个文件中:

CSS Code复制内容到剪贴板
  1. @import(inline)"./a.css";
  2. div{
  3. color:yellow;
  4. }

编译后的结果是如下,只有一个文件(a.css 只有一个a样式)

CSS Code复制内容到剪贴板
  1. a{
  2. color:red;
  3. }
  4. div{
  5. color:yellow;
  6. }

如果没有inline参数 最终的结果如下,会请求两个文件

CSS Code复制内容到剪贴板
  1. @import"a.css";
  2. div{
  3. color:yellow;
  4. }

本文Less框架中将CSS强制打包到单个文件中的技巧到此结束。人生这么欺软怕硬,你能做的就是跟它拼了。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例

CSS浮动引起的高度塌陷问题