cordova - "ionic serve"和 "ionic build browser"的区别

Question

我正在开发一个项目来创建网站的移动应用程序版本(网站已经部署和服务)，我们使用的是 Ionic v1.7.16。

我的上级已经审查过我们是否可以在 Ionic 项目上工作，然后将其也部署到网络上(替换以前的网络版本)，以便在移动和浏览器(桌面)上具有几乎相同的界面和用户体验。

我读过“ ionic 浏览器平台”，对它有一些经验，但我没有遇到任何问题。

我的问题和标题一样。 “ ionic 服务”和“ ionic 构建浏览器”之间有区别吗？

我的观察:

将“浏览器”作为平台添加到项目时，会添加 Cordova 插件的浏览器版本，我相信这可以防止平台之间的不一致。

我面临着“ ionic 服务”和“ ionic 运行浏览器”之间完全相同的界面和功能。我还使用了“python -m SimpleHTTPServer”来查看/模拟如果我们部署浏览器版本会是什么样子，它也与前两个相同。

Ionic 浏览器平台仍处于测试阶段，我还没有遇到过太多来源，就像我对 Ionic 平台 android 所做的那样。也感谢有关各种 Ionic 浏览器平台的常见问题解答/来源。

Answer 1

我正在使用我的第一个 ionic 2 RC1 添加了 2 个平台(Android 和浏览器)的应用程序，我很欣赏这些命令之间的差异...

它生成(在我的情况下)这个输出:

服务构建开发 环境与 实时重新加载支持 并且没有缩小

$ ionic serve browser

myproject_root
|-- www ( 13 MB )
|-- Assets (1.40 MB)
|-- 构建 ( 11.5 MB )
|-- main.css (729.90 KB)
|-- main.js ( 3.50 MB )
|-- main.js.map ( 7.10 MB )
|-- polyfills.js (84.10 KB)
|-- index.html (1.20 KB)
|-- manifest.json (313 B)
|-- service-worker.js (3.60 KB)

构建构建产品环境

$ ionic build browser

myproject_root
|-- www ( 5.60 MB )
|-- Assets (1.40 MB)
|-- 构建 ( 4.20 MB )
|-- main.css (636.70 KB)
|-- main.js ( 1.60 MB )
|-- main.js.map ( 1.90 MB )
|-- polyfills.js (84.10 KB)
|-- index.html (1.20 KB)
|-- manifest.json (313 B)
|-- service-worker.js (3.60 KB)

此外，我发现其他可部署的输出:

myproject_root
|-- 平台
|-- 浏览器
|-- www ( 5.70 MB )
|-- Assets (1.40 MB)
|-- 构建 ( 4.20 MB )
|-- main.css (636.70 KB)
|-- main.js ( 1.50 MB )
|-- main.js.map ( 1.80 MB )
|-- polyfills.js (84.10 KB)
|--cordova-js-src (9.40 KB)
|-- confighelper.js (3.00 KB)
|-- exec.js (4.70 KB)
|-- platform.js (1.60 KB)
|-- 插件 (17.60 KB)
|--cordova-plugin-device (5.70 KB)
|-- cordova-plugin-splashscreen (6.00 KB)
|--cordova-plugin-statusbar (5.10 KB)
|-- ionic 插件键盘 (643 B)
|-- config.xml (1.40 KB)
|-- confighelper.js (3.00 KB)
|--cordova_plugins.js (2.00 KB) |--cordova.js (59.00 KB) |-- exec.js (4.70 KB)
|-- platform.js (1.60 KB)
|-- index.html (1.30 KB)
|-- manifest.json (313 B)
|-- service-worker.js (3.60 KB)

概括

我可以使用不同的加载时间在我的 Web 服务器中部署所有这 3 个文件夹。

这是我的测试简历带有停用的缓存

ionic 发球 ./www 输出

Safari 桌面版 10.0.1

在 12,02 秒内下载 10 个 4,26 MB 的资源。

Chrome 桌面 54.0.1

在 9.06 秒内下载 13 个 3.60 MB 的资源。

Chrome 的控制台显示“main.js:47628 Native: 尝试调用 t.styleDefault，但 Cordova 不可用。确保包含cordova.js 或在设备/模拟器中运行'

ionic build's ./www output

Safari 桌面版 10.0.1

在 7.08 秒内下载 20 个 2.39 MB 的资源。

Chrome 桌面 54.0.1

在 5.47 秒内下载 23 个 1.80 MB 的资源。

Chrome 的控制台显示“DEVICE READY FIRED AFTER 218 ms”和“StatusBar is not supported”

ionic build's ./platforms/browser/www output

Safari 桌面版 10.0.1

在 6.66 秒内下载 10 个 2.31 MB 的资源。

Chrome 桌面 54.0.1

在 5.09 秒内下载 13 个 1.80 MB 的资源。

Chrome 的控制台显示“main.js:47628 Native: 尝试调用 t.styleDefault，但 Cordova 不可用。确保包含cordova.js 或在设备/模拟器中运行'

仅供引用:Android .apk 重 3.70 MB

我的结论

'ionic serve' 会生成一个尚未准备好用于生产的开发环境。

'ionic build' 生成 2 个略有不同的生产环境，其中只有一个似乎可以正确加载原生 Cordova 设备插件。如果 Ionic Team 的某个人读到这里，也许可以给我们一个理由...

免责声明:我最近读到 Ionic Team 正在考虑改变 汇总为 webpack 所以这一切都可能在 future 的 Ionic 2 版本中改变。