Question

所以，我有一个新的Laravel 5.4项目，安装了font-awesome-sass并安装在 http://localhost/projects/laravel54。

出于某种原因，正在“http://localhost/fonts ....”中搜索字体文件，而不是“http://localhost/projects/laravel54/public/fonts ...”。我正在使用Laravel mix编译我的CSS没有任何问题，但我不明白为什么fontawesome的css文件在绝对路径中搜索文件，而不是相对于文件的位置... font-awesome的已编译css看起来像这样

@font-face {
  font-family: 'FontAwesome';
  src: url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713);
  src: url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713) format("embedded-opentype"), url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.woff2?af7ae505a9eed503f8b8e6982036873e) format("woff2"), url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.woff?fee66e712a8a08eef5805a46892932ad) format("woff"), url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.ttf?b06871f281fee6b241d60582ae9369b9) format("truetype"), url(/fonts/vendor/font-awesome-sass/font-awesome/fontawesome-webfont.svg?912ec66d7572ff821749319396470bde) format("svg");
  font-weight: normal;
  font-style: normal;
}

有没有人有类似的经验或合理的解决方案？谢谢！

Answer 1

在任何css编译/连接操作之前插入此解决了这个问题。

mix.options({
	processCssUrls: false
});

css urls指向绝对路径，noth relative

1 个答案: