Laravel为什么删除CSS @import url()

Question

我正在使用Laravel，当我运行npm run dev时，一切都很好，但是当我运行npm run prod时，在小型化的style.css中，所有的@import url()都会被删除！

Webpack

const mix = require('laravel-mix');

mix.setPublicPath('public');

if (mix.inProduction()) {
    mix.version();
}

我没有设置，我使用mix.styles([sources, dist])来管理我的纯CSS样式文件。在我的一个消息来源中，我有如下内容。

@import url(../../dist/icons/font-awesome/css/fontawesome-all.css);

然而，当我缩小它们时，所有的“进口品”都不见了！有什么设置什么的吗？resolve-url-loader是用来管理这类事情的包吗？如果是的话，你能做一个很好的例子吗？

Answer 1

要在Laravel中导入用于编译资产的字体，请这样做.

@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/brands';

请参阅：Laravel 5.7 + Font Awesome

Answer 2

如果它是一个字体-可怕的情况，只需改变生活更容易使用个人字体-令人敬畏的个人cdn工具包。您所需要的只是注册一个帐户，获得一个免费或专业的计划，并获得网址。

@import url(您的-fontawesome personal-cdn-link)；