angular13 app-shell 是否支持 i18n 构建？答案

【问题标题】：Does angular13 app-shell support i18n build?angular13 app-shell 是否支持 i18n 构建？
【发布时间】：2022-01-19 07:11:51
【问题描述】：

只是 pwa，ngsw.json：

{
  "urls": [
      "/en-US/favicon.ico",
      "/en-US/index.html",
      "/en-US/main.5acdb24ff94375e5.js",
      "/en-US/manifest.webmanifest",
      "/en-US/polyfills.1fcf5bb524b41b13.js",
      "/en-US/runtime.39739f775675b274.js",
      "/en-US/styles.01b68997c00690dc.css"
  ],
}

添加app-shell，ngsw.json：

{
  "urls": [
      "/favicon.ico",
      "/index.html",
      "/main.5acdb24ff94375e5.js",
      "/manifest.webmanifest",
      "/polyfills.1fcf5bb524b41b13.js",
      "/runtime.39739f775675b274.js",
      "/styles.01b68997c00690dc.css"
  ],
}

angular13 app-shell 现在不支持 i18n 构建？

【问题讨论】：

标签： angular internationalization app-shell

【解决方案1】：

是的，请查看此网站了解更多信息 click here

【讨论】：

【解决方案2】：

不，它没有。您必须为app-shell 创建一个绝对静态的模板，因为它在任何其他模块之前加载。甚至使用内联css。见docs。

应用程序外壳是一种在构建时使用路由呈现应用程序的一部分的方法。它可以通过在浏览器下载完整的客户端版本并在代码加载后自动切换到它的同时快速启动静态渲染页面（所有页面通用的框架）来改善用户体验。

这为用户提供了快速显示的应用程序的有意义的第一次绘制，因为浏览器无需初始化任何 JavaScript 即可呈现 HTML 和 CSS。

【讨论】：