Laravel混搭不结合风格
这是我第一次体验Laravel Mix、NodeJS和NPM。我试图遵循Laravel的文档,相信我做得对,但谁知道呢 我正在尝试将几个CSS文件合并成一个 webpack.mix.jsLaravel混搭不结合风格,laravel,npm,webpack,laravel-5.4,laravel-mix,Laravel,Npm,Webpack,Laravel 5.4,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.cs
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
它似乎运行正常,并输出以下内容:
在92毫秒内成功编译完成上午11:11:33 建造时间:2018年11月23日上午11:11:33 资产大小Chunks Chunk name/css/all.css 0字节[emissed]入口点mix=mix.js 文件all.css是在我期望的位置创建的,但是它是空的。我做错了什么?谢谢 我相信这只适用于缩小和合并js文件。对于css,您必须使用样式
.styles(['inputA.css', 'inputB.css'], 'minified-output.css')
我还没有在文档中找到,但我尝试过,效果很好。信用证:当使用多个css文件移动到Laravel的更高版本时,这似乎是webpack的一个已知问题,而使用combine则不是问题。希望这将有助于使用旧版本的用户