Laravel Mix URL处理会扭曲文件路径

Question

我正在尝试使用内部URL处理设置Larvel Mix，但不知何故它会破坏我的所有文件路径。 例如，如果我在 app.scss 中使用图标：

background-image: url("../icons/search.svg");

每次我进入app.css

background-image: url(/fonts/search.svg?0aeb120951582cc56d9d8681f88ff583);

相应的文件也被复制到public / fonts /，我只是想不通，这个文件夹爬进了我的路径。 在我的webpack.mix.js中，我没有什么特别的。

mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css')

有人有这种问题吗？

Answer 1

这是因为Laravel-mix默认会优化相对样式表url（）。

要停用此功能，请转到项目根目录中的webpack.mix.js。

添加：

mix.options({
    processCssUrls: false
});

但是，如果你使用bootstrap-sass，它会导致它的Glyphicons字体无法正常工作。

要解决此问题，请转到resources\assets\sass\_variables.scss

将$icon-font-path:更改为"../fonts/vendor/._bootstrap-sass@3.3.7@bootstrap-sass/bootstrap/";