require最简单粗暴的demo

一、文件目录：

二、html代码
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <meta charset="UTF-8">
  5. <title>demo2</title>
  6. </head>
  7. <body>
  9. </body>
  10. <script data-main="main.js" src="../bower_components/requirejs/require.js"></script>
  11. </html>
三、main.js文件代码
  1. /**
  2. * Created by s9-1102 on 2015/4/30.
  3. */
  4. require.config({
  5. //根基目录baseUrl:'',
  6. paths:{
  7. app:'js/app'
  8. }
  9. })
  10. require([
  11. 'app'
  12. ],function(app){
  13. app.static("jingwen");
  14. app.sta("jingwen");
  15. })
四、app.js文件代码
  1. /**
  2. * Created by s9-1102 on 2015/4/30.
  3. */
  4. define(function(){
  5. varstatic=function(name){
  6. console.log("晚安"+name);
  7. };
  8. var sta=function(name){
  9. console.log("再见"+name);
  10. };
  11. return{
  12. static:static,
  13. sta:sta
  14. };
  15. })
总结：看了很多篇关于requirejs的文档，感觉都看的云里雾里的，但是看到阮一峰的文章后，顿时感觉，简单粗暴到了极点。
参考资料
 阮一峰-Javascript模块化编程（三）require.js的用法-url：http://www.ruanyifeng.com/blog/2012/11/require_js.html





posted @ 2015-04-30 11:36  静文  阅读(291)  评论(0)  编辑  收藏  举报