【UWP】使用 Vue/Vite 编写 WinJS/UWP
如今微软网页套壳越来越变本加厉，到处都是一人一个浏览器，套壳大小已经成百上千，但殊不知微软曾经有过对网页套壳的原生支持，打包大小只按k记，那就是 MSAppHost 了，不过更为人所知的是其控件库 WinJS，所以这里就用 WinJS 代指 JS/HTML 模式的 UWP 了。WinJS/UWP 本质就是直接让 Edge (过去为 IE) 的 WebView 直接打开打包好的网页，同时给这个环境加上 WinRT 支持，由于 MSAppHost 是系统组件，所以只用打包 Web 资源就行了。WinJS 曾作为 WSA (Windows Store App) 的主推平台，甚至 Win8 应用商店都是 JS/HTML 开发的，不过在进入 Win10 之后，有了 .NET Native 的加持，C#/UWP 逐渐变为主流，MSAppHost 基本上只剩下了作为 PWA 的用途。然而随着 Edge HTML 的停更，Windows 再也没有了原生的 HTML 渲染平台，微软也在 VS 2019 中彻底删除了对 WinJS 的支持。 不过 MSAppHost 框架作为系统组件并没有被删除，利用 electron-windows-msix 插件，我们可以轻松打包一个 NPM 项目，我们只需要将清单改为 MSAppHost 模式即可。接下来我们将演示如何新建一个 Vue/UWP 项目。 首先我们根据 Vue 官方教程 新建一个空白 Vue 项目： npm create vue@latest 进入项目文件夹后安装依赖： npm i 然后我们测试一下它是否可以正常运行： npm run dev 由于 MSAppHost 永远留在了 Edge HTML 18，所以我们需要把 JS 编译到 Edge 18 兼容的版本，安装 @vitejs/plugin-legacy ： npm i --save-dev @vitejs/plugin-legacy 在 vite.config.ts 配置插件，由于 vite 使用到了新版 ESM 模块特性，所以 Edge 只能使用 Legacy 模式，注意 base 一定要设置为 ./ ，因为打包插件会把编译结果打包进 ap...
评论
发表评论