css - Google 字体和 Sass 的问题

Question

我正在尝试学习 Laravel，但遇到了一个我似乎无法用 Google 字体和 Sass 解决的问题。

我正在尝试在 app.scss 上加载我的字体：

// Fonts
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

但它编译为 app.css 为：

@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;
700&display=swap);@charset "UTF-8";

如果我手动更正 app.css 它可以工作。但是如何让 Sass 或 Laravel 正确编译它呢？

标签： csslaravelsassgoogle-fonts

Answer 1

这是由 Webpack 中的一个已知错误引起的，该错误似乎仍处于打开状态。

详细信息：https ://github.com/webpack/webpack/issues/10873