aurelia 为 prod 构建时 IE 加载缓慢,但为 dev 和 stage 构建时不慢
Slow IE loading when aurelia build for prod, but not slow when build for dev and stage
我有一个与 Webpack 捆绑在一起的应用程序。我描述的问题发生在 Webpack 3 和 Webpack 4 上。我升级到 4 希望它能解决它,但它没有。
当 运行ning “au build”时,生成的应用程序 运行 在 IE 中运行很快(不如其他浏览器快,但仍然可用)。当 运行ning “au build --env prod” 时,生成的应用程序需要一分钟以上的时间来加载。
我开始删除功能,直到只剩下一个空白屏幕,但问题仍然存在。我对 webpack.config 选项进行了硬编码,直到我生成了两个完全相同的应用程序,除了一个在捆绑包中嵌入了地图,而另一个没有。带有嵌入式捆绑包的应用程序在 IE11 中速度快 运行s,而没有嵌入捆绑包的应用程序慢 运行s。
我可以通过使用 typescript、sass 和 Webpack 的 cli 搭建一个新项目来重现这一点。您最终会得到标准的 Hello World aurelia 应用程序。 “au build”,然后在 IE11 中 运行。 “正在加载...”状态显示大约一秒钟。然后,IE 中的“au build --env prod”和 运行。在出现“Hello World”之前,“正在加载...”状态会显示 6 - 10 秒。
唯一重要的区别是 js 映射是否存在于 bundle 中。它 运行 在那里更快。
关于为什么以及如何解决这个问题有什么想法吗?
这个问题很可能与 bluebird
promise polyfill 有关。使用 es6-promise
,我在 IE11 中没有发现任何问题,而 bluebird 似乎延迟了页面加载。我在 IE11 中使用 es6-promise v4.2.4。
我有一个与 Webpack 捆绑在一起的应用程序。我描述的问题发生在 Webpack 3 和 Webpack 4 上。我升级到 4 希望它能解决它,但它没有。
当 运行ning “au build”时,生成的应用程序 运行 在 IE 中运行很快(不如其他浏览器快,但仍然可用)。当 运行ning “au build --env prod” 时,生成的应用程序需要一分钟以上的时间来加载。
我开始删除功能,直到只剩下一个空白屏幕,但问题仍然存在。我对 webpack.config 选项进行了硬编码,直到我生成了两个完全相同的应用程序,除了一个在捆绑包中嵌入了地图,而另一个没有。带有嵌入式捆绑包的应用程序在 IE11 中速度快 运行s,而没有嵌入捆绑包的应用程序慢 运行s。
我可以通过使用 typescript、sass 和 Webpack 的 cli 搭建一个新项目来重现这一点。您最终会得到标准的 Hello World aurelia 应用程序。 “au build”,然后在 IE11 中 运行。 “正在加载...”状态显示大约一秒钟。然后,IE 中的“au build --env prod”和 运行。在出现“Hello World”之前,“正在加载...”状态会显示 6 - 10 秒。
唯一重要的区别是 js 映射是否存在于 bundle 中。它 运行 在那里更快。
关于为什么以及如何解决这个问题有什么想法吗?
这个问题很可能与 bluebird
promise polyfill 有关。使用 es6-promise
,我在 IE11 中没有发现任何问题,而 bluebird 似乎延迟了页面加载。我在 IE11 中使用 es6-promise v4.2.4。