Question

我有一些要用Laravel Mix编译的LESS文件。但是，它在导入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);

有什么建议吗？

Answer 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

希望这会有所帮助

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

1 个答案: