如何在laravel mix中编译css和jss

Question

如何使用laravel mix在laravel页面中以多页面应用程序编译css和jss。假设我有第1页，第2页和第1页有test10.js，test11.js，test12.js和test10.css，test11.css，test12.css和page2有test21.js，test22.js，test23.js和test21 .css，test22.css，test23.css等。所以有人让我知道如何在多页应用程序中编译css和jss。

Answer 1

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

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

我喜欢做的是：

1. 我在主布局中添加了@stack('js)。
2. 对于每个只需要包含在单个页面的Javascript，我使用@push('js)和@endpush。
3. 有时，当代码变得很大时，我会在js()文件中添加webpack.mix.js方法。这让我可以更自由地编写我的javascript。

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