这种引入很痛苦吧，
<script src="1.js"></script> <script src="2.js"></script> <script src="3.js"></script> <script src="4.js"></script> <script src="5.js"></script> <script src="6.js"></script>
require.js可以很好的优化这个问题：
1、下载require.js http://requirejs.org/docs/download.html
2、用法
如果放底部
<script src="js/require.js"></script>
如果放头部
<script src="js/require.js" defer async="true" ></script>
指定主程序为main.js
<script src="js/require.js" data-main="js/main"></script>
3、主模块写法
// main.js require([‘moduleA‘, ‘moduleB‘, ‘moduleC‘], function (moduleA, moduleB, moduleC){ // some code here });
原来的：
<!DOCTYPE html> <html lang="zh-cn"> <head> <title>html</title> </head> <body> <script type="text/javascript" src="js/m1.js"></script> <script type="text/javascript" src="js/m2.js"></script> <script type="text/javascript" src="js/m3.js"></script> <script type="text/javascript" src="js/m4.js"></script> </body> </html>
就可以改为：
<!DOCTYPE html> <html lang="zh-cn"> <head> <title>html</title> </head> <body> <script src="js/require.js" data-main="js/main"></script> </body> </html>
//main.js
require([‘m1‘,‘m2‘,‘m3‘,‘m4‘],function(m1,m2,m3,m4){
});
原文：http://www.cnblogs.com/tinyphp/p/4922768.html