减：使用 url 导入另一个 css 的 import css 不起作用

Question

我在这里做错了什么？

我正在使用 less@3.8.1

A.css（从 url 导入的 css 文件）

@import url('https://fonts.googleapis.com/css?family=Source Sans Pro:300,400,600,700,400italic,700italic&subset=latin');

App.less（导入 A.css 的更少文件）

@import (css) './A.css';

使用 webpack 构建，它会尝试加载

./https://fonts.googleapis.com/css?family=Source Sans Pro:300,400,600,700,400italic,700italic&subset=latin

而不是来自 url 的 css。

堆栈：

@import url('https://fonts.googleapis.com/css?family=Source Sans Pro:300,400,600,700,400italic,700italic&subset=latin');
^
Can't resolve './https://fonts.googleapis.com/css?family=Source Sans Pro:300,400,600,700,400italic,700italic&subset=latin' in ...

总结 A.Less - 导入 -> B.css - (B.css 使用通过 url 导入) -> 不工作

Answer 1

Less 不再自动切换到 CSS 导入作为后备。试试这个：

@import (css) url('https://fonts.googleapis.com/css?family=Source Sans Pro:300,400,600,700,400italic,700italic&subset=latin');

在不处理的情况下导入CSS

@import (inline) './A.css';

或将 CSS 视为指令并将 CSS 导入和编译为 Less

@import (less) './A.css';