如何在LaravelMix中编译CSS和JSS?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (178)

如何使用Laravel分页混合语言在多页应用程序中编译CSS和JSS,假设有第1页、第2页和第1页有test10.js、test11.js、test12.js和test10.css、test11.css、test12.css和page 2有test21.js、test22.js、test23.js和test21.css、test22.css、test23.css等等。所以有人告诉我如何在多页应用程序中编译CSS和JSS。

提问于
用户回答回答于

对于大多数情况,优化大部分资产以在几乎所有页面上工作都是一种很好的做法。在某些页面上没有使用某些部分并不是一个大问题,因为当你只使用一个在每个页面上保持相同的文件时,缓存会提供更好的性能结果。

可以选择编译多个资产。你可以在其他时间调用js()或sass()或其他方法。这次引用需要编译的其他文件。在你的布局中,你可以每页添加它们。

我喜欢做的是以下内容:

我在主布局中添加了@stack('js)。

对于每个只需要包含在单个页面的Javascript,我使用@push('js)和@endpush。

有时,当代码变得很难处理时,我在webpack.mix.js文件中添加了一个js()方法。这让我可以更自由地编写我的javascript。

堆栈有一个很大的优势:它接受多个条目。当您使用partials构建视图并且希望将Javascript逻辑保留在相同的文件中时,这会派上用场。

扫码关注云+社区

领取腾讯云代金券