愿 5.4 版本与你同在！ | NativeScript 博客

明白了吗？我们已经准备好了另一个优秀的 NativeScript 版本供您使用。以下是亮点

默认使用 Webpack 进行开发

在此版本中，我们为所有新项目推出了 Webpack 开发工作流程。此外，对于现有项目，用户将被建议为其应用程序启用此工作流程。此更改非常重要，因为这是在将 Webpack 工作流程作为 *唯一* 开发选项之前的最后一步。我们希望收集尽可能多的反馈并解决所有未解决的问题，然后再发布下一个版本。如果您在使用 Webpack 时遇到问题，请在 GitHub 上的相应存储库中提交问题。

接受新的工作流程将在您的项目中创建 nsconfig.json 文件，并将 useLegacyWorkflow 设置为 false。之后，您将不再需要在运行 CLI 命令时指定 --hmr 或 --bundle - Webpack 将成为默认构建工作流程。建议将 nsconfig.json 文件添加到源代码管理中

switching to bundle workflow

支持 TypeScript 项目中的单元测试

在之前的版本中，我们引入了使用捆绑应用程序运行单元测试的选项，即 tns test <platform> --bundle。正如我们所说，这只是巩固 NativeScript 中单元测试故事的长期努力的一部分。对于 5.4.0，我们致力于改进单元测试故事的 TypeScript 部分，即

如果您有 TypeScript 项目，tns test init 命令将创建 .ts 文件而不是 .js 文件。
能够使用 tns test <platform> [--bundle] 命令运行 TypeScript 测试（以前您必须进行一些手动更改才能使用 --bundle 选项运行 TypeScript 测试）。在最新版本中，此功能开箱即用 - 只需确保更新您的 nativescript-dev-webpack 版本和 webpack.config.js 文件即可。

Vue.js 项目的 SideDrawer 模板

团队正在继续努力改进 NativeScript 中的 Vue.js 集成。在 5.4 版本中，我们为 NativeScript-Vue 项目添加了一个新的 SideDrawer 模板。您可以试一试

tns create my-drawer-vue --template tns-template-drawer-navigation-vue

nativescript-vue drawer for ios nativescript-vue drawer for android

Apple Watch 应用程序的初步集成

Apple Watch 的目标是在增强 iPhone 的使用体验的同时，也为用户提供一些额外的全新功能。近年来，支持 Apple Watch 的应用程序数量大幅增加。它们中的每一个都为用户提供了独特的体验。

在 NativeScript 5.4 之前，在您的 NativeScript 应用程序中支持 WatchOS 应用程序非常困难。我们的目标是提供一种使用 Apple Watch 扩展的方式，而无需编写自定义脚本和容易出错的逻辑。理想情况下，您应该能够将您的手表应用程序和手表扩展复制到 App_Resources/iOS/ 文件夹中，然后 CLI 应该负责正确地打包和部署它。

注意：您仍然需要在 Xcode 中开发您的 Apple Watch 应用程序，但是现在，一旦它准备就绪，您就可以轻松地将其集成到您的 NativeScript 应用程序中。此外，此集成仍处于 BETA 阶段，因此请分享您的意见和您可能遇到的任何问题。

这是一个关于当前体验的快速演示

新的 Uglifier

以前，当向 run 或 build 命令提供 --env.uglify 选项时，NativeScript CLI 使用 UglifyJS 进行缩小。在此版本中，我们出于几个原因切换到 Terser。首先，Terser 是一种更优化、更高效的代码缩小方式。其次，Angular 和 Vue.js 一直在使用此库，这使得我们更有理由使用它。您无需执行任何与此更改相关的操作 - 只需继续向您的命令提供 `--env.uglify 选项，Terser 将完成其余工作！