使用更少的资源从绝对外部url注入css内容

我需要包括css从外部资源到我的结果css。我使用更少的预处理器

有办法做到这一点吗？比如说,

.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. */

---

CSS文件是通过保持@import指令不变来导入的。如果希望将CSS文件视为较少的文件（即内联文件和命名空间文件），则应使用

@import（LESS）

：

---

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

您粘贴了相同的代码吗？@AndrésTalavera如果我理解正确，是的，输出与输入相同，您可以在此处尝试，这是个问题。@Rytmis是的，它允许外部导入的内联。当然，它会降低编译性能，但对于这样的代码编写者来说，它只不过是EPTH:）。不，命名空间/规则集嵌套导入应该是

（小于
）而不是
（内联）
，有关详细信息，请参见。@seven Phase max我正要更正自己。我只关注内联，而不是名称空间。事实上，我最近在Dotless中实现了名称空间导入，所以我应该知道，但这并不总是转化为正确的第一个答案。：）
.wrapper {
  @import (less) 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/styles/atelier-seaside.light.min.css';
}