Laravel Mix LESS 编译在 Google 字体导入时失败答案

【问题标题】：Laravel Mix LESS compilation fails at Google Font importLaravel Mix LESS 编译在 Google 字体导入时失败
【发布时间】：2019-03-20 10:26:55
【问题描述】：

我有一些 LESS 文件想用 Laravel Mix 编译。但是它在 Google 字体导入时崩溃。

这个导入：

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Karla:400,700);
@import url(https://fonts.googleapis.com/css?family=Rancho);

失败并显示此消息：

ERROR in ./node_modules/css-loader??ref--4-2!./node_modules/postcss-loader/lib??postcss!./node_modules/less-loader/dist/cjs.js??ref--4-4!./resources/less/adminto.less
Module build failed: 

@import url(https://fonts.googleapis.com/css?family=Karla:400,700);
@import url(https://fonts.googleapis.com/css?family=Rancho);

有什么建议吗？

【问题讨论】：

标签： webpack less laravel-mix

【解决方案1】：

这是解决方案。

@import (css) url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700)
@import (css) url(https://fonts.googleapis.com/css?family=Karla:400,700)
@import (css) url(https://fonts.googleapis.com/css?family=Rancho)

另外，在您的 webpack.mix.js 文件中，不要忘记引用您的 LESS 源和目标。

mix.less('resources/less/app.less', 'public/css/');

然后尝试运行你的 npm 命令 npm run dev 、 npm run watch 或 npm run prod

希望对你有帮助

【讨论】：