返回博客首页
← 所有文章

NativeScript 7.1 - 重新启用 HMR 和 Xcode 12.3 支持

2020 年 12 月 30 日 — 作者 技术指导委员会 (TSC)

更新 @nativescript/webpack

4.0.0

HMR（热模块替换）是 NativeScript 5.3 中引入的功能。在 NativeScript 7 中，所有 @nativescript/webpack 依赖项都更新到最新版本，包括 copy-webpack-plugin，它包含一项重大更改，影响了 NativeScript 应用程序中的 HMR。

社区中的许多人要求解决这个问题，我们将在 NativeScript 8.0 版本发布之前（计划于 2021 年第一季度发布）提供一个主要版本升级，以便您在此期间可以重新启用 HMR。如之前宣布，NativeScript 8.0 将带来 webpack5 兼容性和改进的 HMR。

这是一个主要版本升级，因为它确实包含对 copy-webpack-plugin 的版本更改，这需要在 webpack.config.js 中进行更改，因此被认为是重大更改。

升级说明

  1. 将 @nativescript/webpack 升级到 ~4.0.0
  2. 删除 webpack.config.js（您可以在稍后重新应用您的自定义设置）
  3. ns clean
  4. npm install（这将创建一个新的 webpack.config.js）
  5. 如果您在 webpack 配置中进行了任何自定义，您现在可以将它们应用到新配置。

注意：如果您在 webpack.config.js 中进行了许多自定义，您可以跳过删除您的配置，并根据此 diff 手动更新 CopyWebpackPlugin 选项。

更新 @nativescript/core

7.1.0

这是一个次要版本更新，包含一些错误修复以及对 iOS SafeArea 处理的改进，宏任务调度更接近 DOM 事件循环。

查看 CHANGELOG 以获取更多详细信息！

升级说明

  1. 将 @nativescript/core 升级到 ~7.1.0
  2. ns clean
  3. npm install
  4. 照常运行您的应用程序。

更新 @nativescript/types

7.1.0

此版本包含 iOS 14.3 的所有最新类型。有大量的新的 api！您可以通过 Apple 的 文档概述 以及浏览 PR changeset（包括所有新的 api 类型） 来探索一些新的添加。

升级说明

  1. 将 @nativescript/types 升级到 ~7.1.0
  2. ns clean
  3. npm install
  4. 照常运行您的应用程序。

更新 @nativescript/ios 和 tns-ios

7.1.0 & 6.5.4

XCode 12.3 迎来了另一个更改，导致项目无法构建。运行时已实现修复！

我们已经为所有运行时发布了修复程序

升级说明

  1. 将您使用的运行时升级到上述版本
  2. ns clean
  3. npm install
  4. 照常运行您的应用程序。

发布 @nativescript/template-blank-vue-ts

我们发布了一个官方的 Vue 和 TypeScript 模板 @nativescript/template-blank-vue-ts！

新模板已添加到 CLI 中，因此您可以轻松地使用以下命令创建新项目：

ns create myVueApp --vue --ts

更新的 CLI

7.1.0

我们发布了 NativeScript CLI 7.1.0，其中包含一些不错的功能

  • 支持日志解析中的外部源映射
  • 支持新的 Vue TypeScript 模板（ns create myVueApp --vue --ts）
  • 一个新的 ns fonts 命令，用于打印使用自定义字体的必要 css - 试一试！
$ myCoolApp >>> ns fonts
┌────────────────────┬──────────────────────────────────────────────────────────────────────────┐
│ Font               │ CSS Properties                                                           │
│ fa-brands-400.ttf  │ font-family: "Font Awesome 5 Brands", "fa-brands-400"; font-weight: 400; │
│ fa-regular-400.ttf │ font-family: "Font Awesome 5 Free", "fa-regular-400"; font-weight: 400;  │
│ fa-solid-900.ttf   │ font-family: "Font Awesome 5 Free", "fa-solid-900"; font-weight: 400;    │
└────────────────────┴──────────────────────────────────────────────────────────────────────────┘

谢谢！

我们希望大家节日快乐！

NativeScript 团队祝您新年快乐。2021 年见！