添加RequireJS

浏览数：24 / 时间：2015年06月09日

添加RequireJS

假定在你的项目中，将所有JavaScript文件放在“scripts”目录中。例如，如果你的项目中有一个project.html页面，并且还有一些脚本，目录布局如下：

project-directory/

　　project.html

　　scripts/

　　　　main.js

　　　　helper/

　　　　　　util.js

添加require.js到scripts目录，目录布局如下：

project-directory/

　　project.html

　　scripts/

　　　　main.js

　　　　require.js

　　　　helper/

　　　　　　util.js

 

为了充分利用优化工具，在project.html中建议将所有在HTML中<script>标签内嵌的js脚本移除，只引入require.js如下：

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <title>My Sample Project</title>
 5         <!-- data-main 属性告诉 require.js，在它加载完毕后，加载script目录下的main.js -->
 6         <script data-main="scripts/main" src="scripts/require.js"></script>
 7     </head>
 8     <body>
 9         <h1>My Sample Project</h1>
10     </body>
11 </html>
View Code

在main.js中，使用require()加载其他你需要的脚本文件，这将确保一个单一的入口，因为data-main的脚本是异步加载。

1 require(["helper/util"], function(util) {
2     //当script/helper/util.js加载完毕后，调用这个函数。
3 });
View Code

这样就会加载helper/util.js脚本。

优化

一旦你完成了开发，要部署你的代码给你的最终用户，可以使用RequireJS的optimizer将JavaScript文件结合并压缩。在上面的例子中，可以将main.js和helper/util.js合并成一个文件，并压缩。

 

添加RequireJS,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class 代码 style java html src class 代码 style java html src

相关文章

随机文章

您可能还喜欢

您可能还喜欢