当前位置:  开发笔记 > 前端 > 正文

使用Require JS的angularJS App中的子资源完整性

如何解决《使用RequireJS的angularJSApp中的子资源完整性》经验,为你挑选了1个好方法。

我有一个带有index.html文件的角度应用程序

在我的index.html页面中考虑我有以下SRI代码(SubResource Integrity)







如果我使用require JS,那么我必须将'alert.js'的脚本包含到'main.js'文件中,如下所示

require.config({


    // alias libraries paths
    paths: {
            'jquery': '/scripts/alert'
            },
    // kick start application
    deps: ['../app/require.bootstrap']
 })

有人可以帮助我如何在路径中引用alert.js脚本时将integrity属性包含在main.js文件中.



1> staeke..:

如果我正确理解您的问题,您希望将子资源完整性用于通过require js引用的脚本.请注意,为了执行此操作,您需要RequireJS版本2.1.19或更高版本(请参阅http://requirejs.org/docs/download.html).

有关一个工作示例(引用jQuery),请参阅此plunker:http://plnkr.co/edit/kzqLjUThJRtoEruCCtMt?p = preview .希望您能够将此方法复制到您的项目中.

我的示例使用integrity/crossorigin属性:

RequireJS本身(通过index.html文件)

jQuery(通过配置文件main.js和有趣的东西)

这是基于RequireJS钩子onNodeCreated和代码构建的

onNodeCreated: function(node, config, module, path) {
    node.setAttribute('integrity', integrityForModule);
    node.setAttribute('crossorigin', 'anonymous');
}

请注意,此示例不使用SRI作为配置文件main.js文件.为了实现这一点,要么

index.html页面中包含内联的RequireJS配置

...或main.js通过额外的脚本标记(具有完整性/交叉)引用(配置文件),而不是通过data-main属性

推荐阅读
小白也坚强_177
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有