这是我对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是在我预期的地方创建的,但它是空的。我做错了什么?谢谢!
我相信combine只适用于缩小和组合js文件。对于css,您必须使用样式
.styles(['inputA.css', 'inputB.css'], 'minified-output.css')
我没有在文档中发现这一点,但我尝试了它,它起作用了。资料来源:https://stackoverflow.com/A/48312321/2311074