"离子服务"和"离子构建浏览器"之间的区别

Question

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

我的上司已经审查过,我们是否可以开展Ionic项目,然后将其部署到网络上(取代之前的网络版本),在移动和浏览器(桌面)中拥有几乎相同的界面和用户体验.

我已经读过"Ionic Browser Platform",经验丰富,我没有遇到过问题.

我的问题与标题相同."离子服务"和"离子构建浏览器"之间有区别吗？

我的观察:

• 将"浏览器"作为平台添加到项目时,会添加浏览器版本的cordova插件,我相信这可以防止平台之间的不一致.
• 我面对"离子服务"和"离子运行浏览器"之间完全相同的界面和功能.我还使用"python -m SimpleHTTPServer"来查看/模拟如果我们部署浏览器版本会是什么样子,它也和前两个版本一样.

离子浏览器平台仍然处于测试阶段,我没有遇到像我这样关于Ionic平台android的太多来源.关于各种Ionic浏览器平台的常见问题/消息来源也表示赞赏.

Answer 1

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

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

1. Serve构建一个开发环境,具有实时重载支持,无需缩小

$ ionic serve browser

myproject_root
  | - www(13 MB)
          | - assets(1.40 MB)
          | - build(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)

2. Build构建了一个prod环境

$ ionic build browser

myproject_root
  | - www(5.60 MB)
          | - assets(1.40 MB)
          | - build(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)
       | - build(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)
       | - plugins(17.60 KB)
         | - cordova-plugin-device(5.70 KB)
         | - cordova-plugin-splashscreen(6.00 KB)
         | - cordova-plugin-statusbar(5.10 KB)
         | - ionic-plugin-keyboard(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个文件夹.

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

1. 离子服务的 ./www输出

   • Safari Desktop 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或在设备/模拟器中运行'

2. 离子构建的 ./www输出

   • Safari Desktop 10.0.1
     • 在7,08秒内下载20个资源2,39 MB.
   • Chrome桌面54.0.1
     • 在5,47秒内下载23个资源1,80 MB.
     • Chrome的控制台说"设备准备好在218毫秒后启动"和"不支持StatusBar"

3. 离子构建的 ./platforms/browser/www输出

   • Safari Desktop 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 build'生成2个略有不同的生产环境,其中只有一个似乎正确加载了本机Cordova设备插件.如果Ionic Team的某人读到这个,或许可以给我们一个理由......

免责声明:我最近看到Ionic Team正在考虑webpack的更改汇总,因此所有这些都可能在未来的Ionic 2版本中发生变化.