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在92毫秒内成功编译
  11:11:33 AM

内置于：11/23/2018 11:11:33 AM            资产大小块块名称/css/all.css 0字节[发射]入口点mix = mix.js

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

Answer 1

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

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

我在文档中没有找到，但我试过了，它有效。学分：https://stackoverflow.com/a/48312321/2311074

Laravel混合不合并样式

1 个答案: