如何在laravel mix中编译css和jss

如何在laravel mix中编译css和jss,laravel,laravel-mix,Laravel,Laravel Mix,如何使用laravel mix在laravel页面方面编译多页面应用程序中的css和jss。假设我有第1页,第2页和第1页有test10.js,test11.js,test12.js和test10.css,test11.css,test12.css和第2页有test21.js,test22.js,test23.js和test21.css,test22.css,test23.css等等。因此,有人告诉我如何在多页应用程序中编译css和JS。对于大多数情况,优化大部分资产以在几乎所有页面上工作是一种

如何使用laravel mix在laravel页面方面编译多页面应用程序中的css和jss。假设我有第1页,第2页和第1页有test10.js,test11.js,test12.js和test10.css,test11.css,test12.css和第2页有test21.js,test22.js,test23.js和test21.css,test22.css,test23.css等等。因此,有人告诉我如何在多页应用程序中编译css和JS。

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

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

我喜欢做的事情如下:

  • 我在主布局中添加了一个
    @stack('js)
  • 对于每个只需要包含在单个页面中的Javascript片段,我使用
    @push('js)
    @endpush
  • 有时,当代码变得很难处理时,我会在
    webpack.mix.js
    文件中添加一个
    js()
    方法。这让我在编写javascript时有了更多的自由

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

    感谢@Hussein的回复,我已经在那里搜索过了,但是没有关于多页应用程序的任何信息,所以我在这里问了这个问题。一些js在page1和page2上都是通用的,但在某些情况下,很少有js是不同的。因此,我如何编译这些js页面。