网红秀场直播大厅官网【秀场直播】秀场视频直播 - 秀场美女直播 – 网红

温标

?译自：:.
如果你在 2021 年之前使用  进行开发，那么你选择的构建工具很有可能是 。很长时间以来，亃直是 . 项目脚手架的标准实践。不过现在，尤大的下代构建工具  已经吸引了很多关注，它是  亄个很好的替代品。

主要原因是速度。径发服务器速度很快。因为它对模块使用原生浏览器支持，所以服务器的启动时间是即时的。同时这还意味着，无论程序大小如何，热模块更新都会很快，因为不必重建整个。为了演示，下面一个使用 和创建完全相同的项目进行比较：
启动时间：
  2591毫秒（超过2秒）259（远低于半秒快10倍）??
热更新（）：
  171基本上是即时的 记住，这只丯个搭建的简单示例。随着项目的增长， 版本的速度会逐渐变慢，而却承诺无论项目大小，都能在相同的级别速度上运行。

为了解决这个问题，本文使用 构建了个全新的项目，将与您一起完成将其转换为的步骤。当然，实际工作中通常不会从个全新的 项忮始，但很多步骤是通用的。此外，本文选择2作为演示，因为大多数人可能仍然在使用 2。同时，本文也指出了 3的不同之处（它比2迁移更简单）。

迁移到的丬步是更新.中的依赖项。我韬要删除与 相关的依赖项。

我们还可以删除，因为内置支持常见的预处理器。我们也可以继续使用自己选择的预处理器。但请注意，建议将原生变量与插件起使用，编写简单、符合未来标准的。

最后，添加作为依赖项，以及的插件组件，以支持单文件组件。

此外，因为我们正在迁移 2项目，我们还需要添加社区为 2开发的插件。如果我们使用 3，就没有必要这样做。

安装了插件后，我们现在还可以删除模板编译器，因为 插件有这个功能。


既然是下代的构建工具，所以我们可以只支持现代的浏览器。这将使我们的构建尽可能精简和快速。实际上，这意味着我们可以将完全从依赖关系中移除，因为大多数移动和浏览器几乎完全支持所有6功能。如果您仍霶要支持  11等较旧的浏览器，会为此提些个官方插件。所以，要删除，首先我们要删除?文件。接下来，前面我们已经删除了 插件依赖项，我们还需要从.文件中删除几个其他与相关的依赖项。

因为已经删除了' '，我们还需要在文件中删除的将其作为解析器的配置?。

最后，当我们在我韬要将从更新为'2021'，因为我们只支持那些现代浏览器。

这一操作还将更新本身，以及插件，以支持2021环境。


在这一步中，让我们为项目配置。通过项目根目录中的文件进行配置。以下是使用命令创建的项目默认配置文件。

让我们再增加2个配置项。首先，我们将从??导入插件，而不是官方的插件。

如果您使用的是 3，当然不必这样做。其次，为了让别名像在 中样工作，我韬要添加下面这个配置项。


与 不同，会将.文件放置在项目的根目录中，而不是目录中，因靤要移动它。在.我韬要乚些改变。首先，我韬要将占位符改为硬编码值。

我们还需要把“%%”占位符改为绝对路径。

最后也术重要亄点，应用程序不再是自动注入的，所以我韬要像这样引入它：


回到.文件，我韬要将旧的命令更改为特定于的命令。

请注意，启徨发服务器的命令不再是。使用代替，命令用于在本地预览应用。此外，如果启用了，则应更新脚本以直接运行。


环境变量在中的工作方式与在 中的工作方式之间存在很多相同的地方。例如，你的.命名约定可以保持不变。

但是，我们不能现在在变量上的访问环境变量。取而代之的是?中找。


虽然我们新创建的 项目已经做到了这一点，但我敢打赌，您现有的应用程序可能没有做到这一点。因此，必须确保所有单文件组件的导入都以.结束。

可以通过在文件中的.配置项添加完成这项配置。


最后，我们可以删除所有用于命名动态导入的魔术注释，因为这些是的专属注释，对而言没有意义。

取而代之的是，会根据原始的.文件自动命名。如：.3799.。

完成上述步骤18后，应用程序就可以使用运行了！用  启徨发服务器，看看有多快。

  ?译自：:.