Laravel webpack-mix 从 Minified CSS 文件中省略了 @import 语句答案

【问题标题】：Laravel webpack-mix omitting @import statements from the Minified CSS filesLaravel webpack-mix 从 Minified CSS 文件中省略了 @import 语句
【发布时间】：2020-11-14 14:06:14
【问题描述】：

我正在尝试缩小以下内容

@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,700,700i,900');
@import 'plugin/bootstrap.css';
@import 'pages/reset.css';
@import 'pages/common.css';
@import 'pages/animations.css';
@import 'pages/form.css';

到

@import url(https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,700,700i,900);@import url(plugin/bootstrap.css);@import url(pages/reset.css);@import url(pages/common.css);@import url(pages/animations.css);@import url(pages/form.css);

但由于某种原因，当我运行时：npm run prod。我返回的缩小文件仅包含谷歌字体的第一个导入语句，如下所示，出于某种原因，输出中省略了其他导入语句：

@import url(https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,700,700i,900);

我在 webpack.mix.js 文件中编写了以下内容来实现这一点：

mix.styles('public/assets/css/global.css', 'public/assets/css/global.css');

当我使用 CSS Minifier (https://cssminifier.com/) 时，我得到了预期的输出，但我想在本地使用 Laravel mix。

【问题讨论】：

标签： css laravel webpack minify laravel-mix

【解决方案1】：

您的 Webpack 行从同一位置导入和导出。也许试试：

mix.styles('resources/sass/global.css', 'public/css');

【讨论】：