2

我正在尝试使用内部 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')

有没有人已经遇到过这种问题？

4

1 回答 1

2

这是因为 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/";

于 2017-04-10T11:44:35.843 回答