如何轻松维护跨文件JavaScript库开发环境

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何轻松维护跨文件JavaScript库开发环境，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2319字，纯文字阅读大概需要4分钟。

内容图文

我一直在开发一个新的JavaScript应用程序,其规模正在迅速增长.

我的整个JavaScript应用程序已经封装在单个函数中,在一个文件中,其方式如下：

(function(){  
   var uniqueApplication = window.uniqueApplication = function(opts){
      if (opts.featureOne)
      {
         this.featureOne = new featureOne(opts.featureOne);
      }
      if (opts.featureTwo)
      {
         this.featureTwo = new featureTwo(opts.featureTwo);
      }
      if (opts.featureThree)
      {
         this.featureThree = new featureThree(opts.featureThree);
      }
   };

   var featureOne = function(options)
   {
       this.options = options;
   };
   featureOne.prototype.myFeatureBehavior = function()
   {
       //Lots of Behaviors
   };

   var featureTwo = function(options)
   {
       this.options = options;
   };
   featureTwo.prototype.myFeatureBehavior = function()
   {
       //Lots of Behaviors
   };

   var featureThree = function(options)
   {
       this.options = options;
   };
   featureThree.prototype.myFeatureBehavior = function()
   {
       //Lots of Behaviors
   };
})();

在匿名函数和执行后的同一个文件中我做了这样的事情：

(function(){
   var instanceOfApplication = new uniqueApplication({
       featureOne:"dataSource",
       featureTwo:"drawingCanvas",
       featureThree:3540
   });
 })();

在线上传这个软件之前,我将我的JavaScript文件及其所有依赖项传递到Google Closure Compiler,只使用默认的Compression,然后我就有一个很好的JavaScript文件可以上线进行生产.

这项技术对我来说非常有效 – 因为它在DOM中只创建了一个全局足迹,并为我提供了一个非常灵活的框架来增加应用程序的每个附加功能.但是 – 我真的不想将整个应用程序保存在一个JavaScript文件中.

我想在开发过程中从一个大的uniqueApplication.js文件转到为应用程序中的每个功能分别创建一个文件,featureOne.js – featureTwo.js – featureThree.js

一旦我完成了离线开发测试,我就会想要使用某些东西,也许是Google Closure Compiler,将所有这些文件组合在一起 – 但我希望这些文件都在该范围内编译,就像我拥有它们一样在一个文件中 – 我希望他们在离线测试期间保持相同的范围.

我看到Google Closure Compiler支持传入模块的参数,但我还没有真正找到关于这样做的大量信息.

任何人都知道如何实现这一点 – 或者对于在多个文件中编写单个JavaScript库的开发实践的任何建议仍然只在DOM上留下一个足迹？

解决方法:

jQuery github具有与您所说的相似的设置.甚至有一个Makefile/ant build.xml使用谷歌关闭编译器.

基本概念是在单独的文件中开发所有东西,然后使用cat(或类似的东西)将所有文件放在一起.

 cat intro.js core.js featureOne.js featureTwo.js featureThree.js outro.js > build/script.js

来自jQuery的intro.js和outro.js中的代码：

 // intro.js
 (function(window, undefined) {

 // outro.js
 })(window);

内容总结

以上是互联网集市为您收集整理的如何轻松维护跨文件JavaScript库开发环境全部内容，希望文章能够帮你解决如何轻松维护跨文件JavaScript库开发环境所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端