Laravel混合,长期缓存和异步加载脚本

时间:2017-06-09 21:04:57

标签: laravel webpack laravel-5.4 laravel-mix

这是技术令人讨厌的地方。 3天前,我从Laravel 5.3上升到Laravel 5.4。尽管Laravel文档提供了糟糕的升级指南,但我发现我必须从Gulp迁移到Webpack(我不熟悉)。

这是2天,我还在搜索Webpack,知道如何才能完成一项如此简单的工作。那里没有任何明确的说明。即使我无法理解具有如此多样式和脚本的网站的最佳实践。

很抱歉这么唠叨。我真的很困惑。

假设我有两个部分共有15个CSS文件。其中5个是用户和管理面板中使用的常用文件,两个面板都有5个特定文件。 JS文件的结构相同。

还希望使用长期缓存,同时避免渲染阻止JavaScript文件(async / defer)。

使用Gulp 我可以轻松地将所有样式和JavaScripts合并为3个捆绑包。异步它们非常简单,长期缓存也没问题。

使用Webpack 如果我使用mix.js()长期缓存是可以的,但我不能异步加载它们,因为Webpack有它自己的引导程序。

如果我使用mix.scripts()mix.combine(),我可以异步加载脚本,但现在npm run watch将不会监视这些javascript文件的更改。

我更喜欢使用Laravel的建议,但那真的很烦人。我在哪里可以找到Laravel 5.4和Laravel Mix实现的网站的简单示例?

我看过JeffreyWay的例子,但这是非常基本的,离真实网站太远了。

0 个答案:

没有答案