发帖    主题    评论    推荐    标签    作者    订阅    查搜    注册   登陆   关注
 
面向对象 设计模式 领域驱动设计 企业架构 框架 开发教程 微服务 大数据 扩展性 并发编程 事件驱动 分布式 SOA

SystemJS是万能动态模块加载器

         
2015-01-08 11:02
赞助商链接

SystemJS:systemjs/systemjs · GitHub是一个通用Javascript模块加载器,可以在浏览器和NodeJS中加载ES6模块 AMD CommonJS 和全局脚本。

浏览器中使用:


// Identical to writing System.baseURL = ...
System.config({

// set all requires to "lib" for library code
baseURL: '/lib/',

// set "app" as an exception for our application code
paths: {
'app
/*': '/app/*.js'
}
});

System.import('app/app')


上面app/app.js代码:


// relative require for within the package
require('./local-dep'); // -> /app/local-dep.js

// library resource
var $ = require('jquery'); // -> /lib/jquery.js

// format detected automatically
console.log('loaded CommonJS');


模块的格式会在System.register中自动探测。

加载ES6:
app/es6-file.js:

export class q {
constructor() {
this.es6 = 'yay';
}
}



System.import('app/es6-file').then(function(m) {
console.log(new m.q().es6); // yay
});



在NodeJS使用:首先安装SystemJS:
npm install systemjs

加载模块类似浏览器:

var System = require('systemjs');

// loads './app.js' from the current directory
System.import('./app').then(function(m) {
console.log(m);
});

6
javascript      模块化     

赞助商链接

赞助商链接

返回顶部

移动版 关于本站 使用帮助 联系管理员 最佳分辨率1366x768
OpenSource JIVEJDON Powered by JdonFramework Code © 2002-20 jdon.com