管理和部署大型JavaScript应用程序的最佳实践

管理中型JavaScript应用程序的标准做法是什么？我关心的是浏览器下载的速度以及开发的简易性和可维护性.

我们的JavaScript代码大致"命名空间"为:

var Client = {
   var1: '',
   var2: '',

   accounts: {
      /* 100's of functions and variables */
   },

   orders: {
      /* 100's of functions and variables and subsections */
   }

   /* etc, etc  for a couple hundred kb */
}

目前,我们有一个(解压缩,未提取,高度可读)JavaScript文件来处理Web应用程序上的所有业务逻辑.此外,还有jQuery和几个jQuery扩展.我们面临的问题是,在JavaScript代码中找到任何内容都需要花费很长时间,浏览器仍然有十几个要下载的文件.

是否有一些"源"JavaScript文件被"编译"成一个最终的压缩JavaScript文件？还有其他方便的提示或最佳做法吗？

我发现的方法对我来说是每个类都有单独的JS文件(就像在Java,C#和其他类中一样).或者,如果您更容易导航,则可以将JS分组到应用程序功能区域.

如果将所有JS文件放在一个目录中,则可以让服务器端环境(例如PHP)循环遍历该目录中的每个文件,并输出一个

喜生-Da

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

• actionscrip
• bash
• c#
• c++
• c语言
• erlang
• flutter
• go
• golang
• java
• javascript
• lua
• node.js
• perl
• php
• python
• scala
• typescript

RankList | 热门文章

• 1如何动态更改bootstrap模态体
• 2当我尝试在列表中找到.IndexOf(a)时,为什么这会返回-1？
• 3Hazelcast SlowOperationDetector可以识别执行时间少于1秒的操作
• 4@relay的目的(pattern:true)
• 5将Swift代码编译为Linux的本机可执行文件
• 6将Update 1安装到TFS 2015后该怎么办失败
• 7PHP7认证
• 8javascript中的function()()
• 9如何使用Newtonsoft.Json反序列化JSON数组
• 10每个列表列表的Erlang
• 11打开文件夹时可以自动启动任务吗？
• 12我可以更改Apple Watch模拟器语言吗？
• 13isomorphic fetch post无法读取服务器上的正文
• 14如何将byte []或位图转换为整数(R.drawable.picture)Android java
• 15import com.microsoft.windowsazure.messaging.*; 未检测到.我应该在android studio中添加哪个库？
• 16nunit3如何在命令行中包含测试类别
• 17批处理:动态变量名称(等效的eval)
• 18使用Gulp缩小(不透明)ES2015代码
• 19正则表达式用于分割每个字符但将数字保持在一起
• 20如何按字母顺序实现接口属性