为什么 Laravel Mix 会删除 CSS @import url()答案

【问题标题】：Why Laravel Mix deletes CSS @import url()为什么 Laravel Mix 会删除 CSS @import url()
【发布时间】：2020-02-27 03:45:09
【问题描述】：

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

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);

但是，当我缩小它们时，所有 @import 都消失了！有什么设置什么的吗？ resolve-url-loader 是管理这类事情的包吗？如果是的话，请你做一个很好的例子来说明如何使用它？

【问题讨论】：

标签： laravel npm webpack laravel-mix

【解决方案1】：

要导入 Font Awesome 以在 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

【讨论】：