Webpack Encore 1.0和刺激桥2.0发布!

懒惰的控制器

提供的
瑞安·韦弗
在# 15．

首先,在controllers.json,webpackModeKey已被替换为获取．这将启用强大的新功能:如果你设置获取来懒惰的对于一个包，该包的JavaScript直到需要时才会被下载!这怎么可能?在内部(通过使用Stimulus和Webpack)，控制器代码被分割成自己的JavaScript文件。然后,时刻一个匹配的数据控制器=出现在页面上时，该文件将被下载并执行。

一个很好的用例是ux-chartjs．通过设置获取:“懒”，你可以在PHP中构建一个图表并渲染它任何页面…但不会在页面加载时下载任何额外的JavaScript代码。

懒惰的控制器

这个“惰性控制器”特性非常简洁，我们希望允许您将其用于您的自己的控制器。默认情况下，如果你放入一个控制器文件资产/控制器，它将自动加载，但包含在每一个页面。如果你只是在极少数情况下才需要控制器呢?

你现在可以告诉stimulus-loader用一个特殊的注释来装饰你的控制器“lazy”:

1 2 3 4 5 6 7

/ /资产/控制器/ hello_controller.js进口{控制器}从“刺激”；/*刺激性取回:'lazy' */出口默认的类扩展控制器｛/ /……｝

通过包括/*刺激性取回:'lazy' */注释，这个整个控制器文件(及其依赖项)将不会被下载，直到匹配数据控制器元素出现在页面上。

升级到刺激桥2.0

要升级，请确保您有该软件包的2.0版本而且至少1.0的Encore:

1 2

＄纱升级“@欧宝娱乐app下载地址symfony / stimulus-bridge@ ^ 2.0.0”＄纱升级“@欧宝娱乐app下载地址symfony / webpack-encore@ ^ 1.0.0”

还要确保你有最新的欧宝娱乐app下载地址symfony / flex所以它设置了new获取选项controllers.json：

1

＄作曲家symfony/f欧宝娱乐app下载地址lex

最后,在资产/ bootstrap.js，进行以下更改:

1 2 3 4 5 6 7 8 9

import {startStimulusApp} from '@sy欧宝娱乐app下载地址mfony/stimulus-bridge';- import' @欧宝娱乐app下载地址symfony/autoimport';- export const app = startStimulusApp(require.context('. context))/controllers'， true， /\.(j|t)sx?$/);+ export const app = startStimulusApp(require.context(+ ' 欧宝娱乐app下载地址@symfony / stimulus-bridge lazy-controller-loader ! /控制器”,+正确的,+ / \。(j | t) sx吗?美元/+));

就是这样!继续看我的博客欧宝娱乐app下载地址Symfony用户体验更多更新!