提问者:小点点

Laravel Mix不组合样式


这是我对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

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

92ms编译成功
上午11:11:33

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

文件all.css是在我预期的地方创建的,但它是空的。我做错了什么?谢谢!


共1个答案

匿名用户

我相信combine只适用于缩小和组合js文件。对于css,您必须使用样式

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

我没有在文档中发现这一点,但我尝试了它,它起作用了。资料来源:https://stackoverflow.com/A/48312321/2311074