AngularJs2与AMD加载器(dojo requirejs)集成

现在是西太平洋时间凌晨，这个问题我鼓捣了一天，都没时间学英语了，英语太差，相信第二天我也看不懂了，直接看结果就行。
核心原理就是require在AngularJs2编译过程中是关键字，而在浏览器里面运行时候AngularJs2不会去关心require方法。所以只要在原始的ts代码中不出现require就没问题。所以在AMD的加载器加载完毕之后，立即用一个全局变量保存，在AngularJs2的代码中使用这个全局变量在做加载器。
Because require is a key word of Angular, RequireJs will conflict with Angularjs.
The reason angular use commonjs modular specification, it need to compile to js for run in browsers.
If you used require in code angularjs2 , the expression will be compiled to another style:

require(['dojo/_base/html'], (html) => {console.log(html);}); var html = __webpack_require__(['dojo/_base/html']);
console.log(html);

But if you the code in runing, the require will works fine.

This means Angularjs2 never replace the require when your app run in browsers.
So there have a perfect way to integrate requireJs within AngularJs2.

  <script>dojoConfig = {async: true,parseOnLoad: false}</script><script src="//js.arcgis.com/3.17/"></script><script type="text/javascript">dojoRequire = require;</script>

转载于:https://www.cnblogs.com/dojo-lzz/p/5688440.html

AngularJs2与AMD加载器(dojo requirejs)集成相关推荐

AMD加载器实现笔记(四)
继续这一系列的内容,到目前为止除了AMD规范中config的map.config参数外,我们已经全部支持其他属性了.这一篇文章中,我们来为增加对map的支持.同样问题,想要增加map的支持首先要知道m ...
javascript模块化、模块加载器初探
最常见网站的javascript架构可能是这样的: 一个底层框架文件,如jQuery 一个网站业务框架文件,包含整站公用业务模块类(如弹框.ajax封装等) 多个业务文件,包含每个具体页面有关系的业务 ...
JS框架设计之加载器所在路径的探知一模块加载系统
1.要加载一个模块,我们需要一个URL作为加载地址,一个script作为加载媒介,但用户在require是都用ID,我们需要一个将ID转换为URL的方法,思路很简单,强加个约定,URL的合成规则是为: ...
android 加载器loader详解
Loaders loader在android 3.0之后才被引入,它简化了在activity和fragment中异步加载数据的步骤(个人认为简化是次要的,更重要的是优雅的实现了异步加载),loa ...
webpack配置vue组件加载器
前言 App.vue单文件组件代码 <template><div><h1>App根组件</h1></div> </template&g ...
webpack中loader加载器(打包非js模块)
通过loader打包非js模块我这儿用VScode为编辑器在实际开发过程中,webpack默认只能打包处理以.js后缀名结尾的模块,其他非. js后缀名结尾的模块,webpack 默认处理不了, ...
C编译器、链接器、加载器详解
一.概述 C语言的编译链接过程要把我们编写的一个c程序(源代码)转换成可以在硬件上运行的程序(可执行代码),需要进行编译和链接.编译就是把文本形式源代码翻译为机器语言形式的目标文件的过程.链接是把目标 ...
034_webpack中的加载器
1. 通过loader打包非js模块 1.1. 在实际开发中, webpack默认只能打包处理以.js后缀名结尾的模块, 其它非.js后缀名结尾的模块, webpack默认处理不了, 需要调用load ...
java 内部类加载_举例讲解Java的内部类与类的加载器
内部类 class A { //Inner1 要在 A 初始化后才能使用,即要被A的对象所调用 class Inner1 { int k = 0; // static int j = 0; //A加 ...

AngularJs2与AMD加载器(dojo requirejs)集成

AngularJs2与AMD加载器(dojo requirejs)集成相关推荐

最新文章

热门文章