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

时间：2021-05-08

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

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

    • 编译后的结果是如下，只有一个文件（a.css 只有一个a样式）

    CSS Code复制内容到剪贴板
  • a{
  • color:red;
  • }
  • div{
  • color:yellow;
  • }

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

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

    • 声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

    相关文章