处理开发和大型javascript文件?

处理开发和大型javascript文件?,javascript,minify,Javascript,Minify,当处理包含大量javascript的网站时,我发现它们通常作为一个大型javascript文件提供给客户端 在开发阶段,javascript文件通常是分开的(比如说有超过300行的js)以使事情更易于管理,然后在网站“上线”时合并吗?还是开发人员只是忍受在一个长而大的文件中工作?根据我的经验,在开发中使用单独的文件是正常的。当您需要搜寻代码或让多人在系统的不同部分工作时,这无疑会让生活变得更轻松。以我的经验,在开发中使用单独的文件是一种常态。当您需要搜寻代码或让多人在系统的不同部分工作时,这无疑

当处理包含大量javascript的网站时,我发现它们通常作为一个大型javascript文件提供给客户端


在开发阶段,javascript文件通常是分开的(比如说有超过300行的js)以使事情更易于管理,然后在网站“上线”时合并吗?还是开发人员只是忍受在一个长而大的文件中工作?

根据我的经验,在开发中使用单独的文件是正常的。当您需要搜寻代码或让多人在系统的不同部分工作时,这无疑会让生活变得更轻松。

以我的经验,在开发中使用单独的文件是一种常态。当您需要搜寻代码或让多人在系统的不同部分工作时,这无疑会让您的生活更轻松。

我们将不同的模块/类/部分放在不同的文件中,并使用适当的构建过程

  • 使用例如jslint验证代码
  • 连接
  • 仪器(更换、包装等)
  • 缩小
我在这里的一个项目中可以找到一个如何使用Ant的例子

我还有一些项目,在这些项目中,Web服务器会自动合并文件,进行本地化,然后在为客户端提供服务之前缩小它们


因此,请坚持使用单独的文件进行管理,但请记住,如果使用错误报告,那么行号将指向连接的版本。

我们将不同的模块/类/部件放置在单独的文件中,并使用适当的构建过程来

  • 使用例如jslint验证代码
  • 连接
  • 仪器(更换、包装等)
  • 缩小
我在这里的一个项目中可以找到一个如何使用Ant的例子

我还有一些项目,在这些项目中,Web服务器会自动合并文件,进行本地化,然后在为客户端提供服务之前缩小它们


所以,请坚持使用可管理的文件,使用单独的文件,但请记住,如果您使用错误报告,那么行号将指向连接的版本。

在开发环境中,根据类和功能(如java项目)拥有多个javascript文件将是理想的选择

但是,在生产环境中部署js文件时,应该将所有js文件连接到一个文件中,并让web应用程序引用它们。那将使事情变得容易


注意:还建议使用javascript压缩器来减小实际大小,从而节省带宽

根据开发环境中的类和功能(就像java项目中的javascript文件一样),最好有多个javascript文件

但是,在生产环境中部署js文件时,应该将所有js文件连接到一个文件中,并让web应用程序引用它们。那将使事情变得容易


注意:还建议使用javascript压缩器来减小实际大小,从而节省带宽

不同的公司,不同的开发团队,开发的方式也不同


就我自己而言,我习惯于一步一步地实现功能,将这些功能存储在单独的文件中,并在大多数情况下将所有内容合并在一起——至少在我不是唯一一个处理给定项目的人的情况下。

开发因公司和开发团队而异


就我个人而言,我习惯于一步一步地实现功能,将这些功能存储在单独的文件中,并在大多数情况下将所有功能合并在一起——至少在我不是唯一一个从事某个项目的人的情况下是这样的。

我们在我的公司做同样的事情,但即使在我的生产环境中,我们也可以附加“debug=true”转到URL查询字符串,查看加载了所有未缩小的原始JS文件的页面。这使得调试非常容易。我现在无论走到哪里都会采用这种技术。这样一个好主意(不是我的!)一如既往,你必须平衡可管理性和用户体验。默认情况下,大多数浏览器一次只下载4个文件。由于JS文件会阻止页面呈现,如果代码中混合了10个JS文件,则页面呈现所需的时间总是比只有一个或两个JS文件所需的时间更长。我们的工具会本地化,如果调试缩小,如果不调试,则会命名所有匿名函数。此工具还处理304个请求,并使用积极的缓存头提供服务。为了避免过时的缓存,我们然后使用文件的时间戳将URL呈现给处理程序。|我们在我的公司做同样的事情,但即使在我的生产环境中,我们也可以在URL查询字符串中附加“debug=true”,并查看加载了所有未缩小的原始JS文件的页面。这使得调试非常容易。我现在无论走到哪里都会采用这种技术。这样一个好主意(不是我的!)一如既往,你必须平衡可管理性和用户体验。默认情况下,大多数浏览器一次只下载4个文件。由于JS文件会阻止页面呈现,如果代码中混合了10个JS文件,则页面呈现所需的时间总是比只有一个或两个JS文件所需的时间更长。我们的工具会本地化,如果调试缩小,如果不调试,则会命名所有匿名函数。此工具还处理304个请求,并使用积极的缓存头提供服务。为了避免过时缓存,我们使用文件的时间戳将URL呈现给处理程序|