Babel-RequireJS模块同步加载器
Babel-Require是一个CMD规范的js模块同步加载器,其本质是一个类似NodeJS的"require()"函数。
在浏览器中使用Babel动态编译运行ECMScript2015,如果包含import关键字则会报错,此函数库设计用于解决该问题。让开发者不用编译即可直接在浏览器中import ECMScript2015 js模块, 目前支持Babel5.x。
使用同步AJAX实现,单线程下载,只能用于开发调试, 当import文件较多时会稍慢。
在线例子:
http://wmlgl.github.io/babel-require/examples/
配置:
加载模块时,如果配置了jsx,并且该模块属于jsx项配置的目录下,则加载".jsx"文件,否则加载".js"文件。 Config exmaple:
<script type="text/javascript"> require.config({ jsx: ["app"] }); </script> <script type="text/babel"> // 会加载"app/app.jsx" // Will be load "app/app.jsx" import App from "app/app"; // 会加载"lib/hello.js" // Will be load "lib/hello.js" import Hello from "lib/hello"; </script>
示例:
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Examples</title> <script src="lib/react/react.js"></script> <script src="lib/react/react-dom.js"></script> <script src="lib/babel-core/browser.js"></script> <script src="lib/babel-core/browser-polyfill.js"></script> <script src="dest/babel-require.js"></script> </head> <body> <div id="container">loading...</div> </body></html><script type="text/babel"> import App from "app/app"; ReactDOM.render(<App/>, document.getElementById('container'));</script> // file: app/app.jsx import Test1 from './loadtest1/test1' import Test2 from './loadtest2/test2' export default class App extends React.Component { render () { return ( <div> Hello App! <Test1 /> <Test2 /> </div> ); } }
评论
ContailJSJavaScript 模块加载器
ContainJS是什么?ContainJS是一个基于Commonjs模块管理规范的浏览器端的JavaScript模块加载器(目前为非标准的,代码会持续迭代,现阶段主要提供思路,想集结各路js大神一同
ContailJSJavaScript 模块加载器
0
ContailJSJavaScript 模块加载器
ContainJS 是什么?ContainJS 是一个基于 Commonjs 模块管理规范的浏览器端
ContailJSJavaScript 模块加载器
0
Melchior.jsJavaScript 模块加载器
Melchior.js是一个模式加载器,提供通过链式模块定义的API,让你可以远离那些长长的AMD定义和重复的模块名。它起步非常容易,定制方便,而且压缩版只有3KB。在线演示示例代码:// creat
Melchior.jsJavaScript 模块加载器
0
Melchior.jsJavaScript 模块加载器
Melchior.js 是一个模式加载器,提供通过链式模块定义的API,让你可以远离那些长长的AMD
Melchior.jsJavaScript 模块加载器
0
lodJSJavaScript模块加载器
JavaScript模块加载器,基于AMD。迄今为止,对AMD理解最好的实现。100%支持AMD规范,支持模块化开发,当定义好模块后,便可使用模块,无需维护依赖的模块,仅需写好依赖就可以了,lodJS
lodJSJavaScript模块加载器
0
DefineJSJavaScript 模块加载器
DefineJS是一个轻量级的异步模块定义AMD的实现,是一个JavaScript的模块加载器。支持的浏览器包括:GoogleChrome(latest)Opera(latest)Firefox4+S
DefineJSJavaScript 模块加载器
0