Question

我需要将css从外部资源包含到我的结果css中。我使用LESS预处理器。

有没有办法做到这一点？例如，

.wrapper {
  @import 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/styles/atelier-seaside.light.min.css';
}

但那不适合我。我得到了相同的CSS：

.wrapper {
  @import 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/styles/atelier-seaside.light.min.css';
}

我希望它是：

.wrapper .hljs-comment {
  color: #687d68;
}
.wrapper .hljs-variable,
.wrapper .hljs-attribute,
/* etc. */

Answer 1

通过保留@import指令原样导入CSS文件。如果您希望将CSS文件视为LESS文件（即内联和命名空间），则应使用ALL [flag]：

   Customer    Rep    division  Count
       A   :    1   :    Q   :    1
       B   :    2   :    Z   :    0
       X   :    3   :    Q   :    2
       X   :    4   :    Z   :    2
       X   :    4   :    Q  :     2
       D   :    5   :    Z   :    0
       S   :    3   :    Q   :    2
       H   :    4   :    Q   :    1
       S   :    4   :    Z   :    2

您应该知道每次编译较少的文件时都会下载该文件，因此编译性能不是最佳的。

使用LESS从绝对外部URL注入css内容

1 个答案: