来自CDN的延迟加载

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了来自CDN的延迟加载相关的知识,希望对你有一定的参考价值。

是否可以从外部服务器加载延迟模块?我想将我的资源上传到CDN,但似乎懒惰的模块是从我的node.js服务器加载的,这对我不利。

我的服务器只提供angular app的index.html,但资源将从cdn加载。它启动并正常工作,直到应该加载一个懒惰模块,这个模块相对于我的服务器而不是CDN。

答案

以下将设置它在哪里查找延迟加载的模块。 (您也可以将它添加到angular.json)

ng build --prod --deploy-url https://yourcdn.com/path/

这也有效

ng build --prod --deploy-url /path/to/javascript/

它列在这里

ng build --help

我正在使用AngularCLI 7.0.5我还没有检查他们添加了这个标志的版本。

另一答案

要设置延迟加载的模块路径,请使用--deploy-url

ng build --deploy-url=/dist/some_folder
ng build --deploy-url=//localhost:5021/dist/cdn/

要更改资产路径,请使用--base-url=/asset/path

所以从CDN本地加载资源和延迟加载的模块

ng build --base-url=/asset/path --deploy-url=//localhost:5021/dist/cdn/

以上是关于来自CDN的延迟加载的主要内容,如果未能解决你的问题,请参考以下文章

片段布局加载延迟

延迟弹出对话框片段,直到其中的 webview 完成加载

如何延迟或异步此 WordPress javascript 片段以最后加载以加快页面加载时间?

减少第三方代码的影响-Google CDN

VS Code中自定义Emmet代码片段

CDN缓存