Laravel Mix 不组合样式

Question

这是我第一次使用 Laravel Mix、NodeJS 和 NPM。我试图遵循 Laravel 的文档并相信我做得对，但谁知道呢。

我正在尝试将多个 CSS 文件合并为一个。

webpack.mix.js

mix.combine([
    'resources/assets/css/components.css',
    'resources/assets/css/plugins.css',
    'resources/assets/css/layout.css',
    'resources/assets/css/default.css',    
    'resources/assets/css/custom.css'
], 'public/css/all.css');

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

运行

npm run dev

它似乎运行良好，并输出以下内容:

DONE Compiled successfully in 92ms
11:11:33 AM

Built at: 11/23/2018 11:11:33 AM Asset Size Chunks Chunk Names /css/all.css 0 bytes [emitted] Entrypoint mix = mix.js

文件 all.css 是在我希望它的位置创建的，但是它是空的。我究竟做错了什么？谢谢!

Answer 1

我相信 combine仅适用于缩小和合并 js 文件。对于 css，你必须使用样式

 .styles(['inputA.css', 'inputB.css'], 'minified-output.css')

我没有在文档中找到它，但我尝试过它并且它有效。积分: https://stackoverflow.com/a/48312321/2311074