requirejs使用笔记

一、requirejs为何会多次加载两次data-main文件

        文件目录：


 

        html页面：
  1. <!DOCTYPE html>
  2. <htmllang="en">
  3. <head>
  4. <metacharset="UTF-8">
  5. <title>require-demo第一章</title>
  6. </head>
  7. <body>
  8. <scripttype="text/javascript"deferasync="true"data-main="js/app"src="js/require.js"></script>
  9. </body>
  10. </html>
 
        app.js页面：
  1. requirejs.config({ // baseUrl:'js/lib', paths:{ avalon:'bower_components/avalon/min/avalon.min', avalondate:'bower_components/avalon.oniui/datepicker/avalon.datepicker' } }); requirejs(['avalon','avalondate'],function(){ })
二、问题
        1、当把script放置head元素标签中时，加载无问题
  1. <!DOCTYPE html>
  2. <htmllang="en">
  3. <head>
  4. <metacharset="UTF-8">
  5. <title>require-demo第一章</title>
  6. <scripttype="text/javascript"deferasync="true"data-main="js/app"src="js/require.js"></script>
  7. </head>
  8. <body>
  9. </body>
  10. </html>
 

        2、当把script放置body元素标签时，会重复加载data-main右侧的文件
  1. <!DOCTYPE html>
  2. <htmllang="en">
  3. <head>
  4. <metacharset="UTF-8">
  5. <title>require-demo第一章</title>
  6. </head>
  7. <body>
  8. <scripttype="text/javascript"deferasync="true"data-main="js/app"src="js/require.js"></script>
  9. </body>
  10. </html>
三、原因以及解决方法（待续）
    原因是因为avalon自带amd加载器，和require发送冲突导致，data-main文件多次加载
    解决方法，不使用avalonUI，avalonUI对模块化使用了太多东西，不好处理，那么就还是自己写UI把。
    当然这是我现在的处理方法，不代表以后没有更好的处理方法。找到了再此描述。
 

 





posted @ 2015-04-29 23:35  静文  阅读(215)  评论(0)    收藏  举报