javascript - 如何为生产准备js文件?

标签 javascript css angularjs web-deployment

<分区>

我计划很快部署我的单页面应用程序应用程序,但我对可以使我的应用程序像生产环境一样进行优化的经验不多。

我将所有 文件(Js、CSS)合并并缩小。我会将它们用于生产环境。

目前,我正在单独使用所有依赖项的缩小版本。我检查了很多现有的网站,它们几乎都做同样的事情。例如,AngularJS网站分别加载它们的依赖项。

AngularJS 依赖项

  <script src="google-code-prettify/prettify.min.js"></script>
  <script src="js/homepage.js"></script>
  <script src="js/download-data.js"></script>
  <script src="js/angular-ui-bootstrap.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.18/angular-resource.min.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.18/angular-route.min.js"></script>
  <script src="https://cdn.firebase.com/js/client/1.0.18/firebase.js"></script>
  <script src="https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.min.js"></script>
  <script src="//code.angularjs.org/1.3.0-beta.18/i18n/angular-locale_sk.js"></script>

一位同事给了我们将源代码和依赖项合并到两个文件中的想法,例如:scripts.min.js(这将包含源代码和依赖项的 JS 代码) 和 styles.min.css(这将包括源代码和依赖项的 CSS 代码)。

问题:这是个好主意吗?有什么缺点吗?

我看到了一些关于此的现有帖子,但我也无法从他们那里得到一致的答案。

最佳答案

我认为在大多数情况下,将您的脚本和 CSS 捆绑到一个文档中是一个不错的方法。您将拥有对服务器的请求较少的优势 - 从我在 fiddler 中看到的情况来看,您的浏览器一次只能发出这么多请求。

但不确定如何将 CDN 资源捆绑到单个文件中。

我能想到的捆绑和缩小的一个缺点是,当您的 js 在生产中发生问题时,很难找出问题发生的位置,因为您的所有空格和变量名称都被删除了。

我敢肯定还有比这更多的优点和缺点,但我认为最后的决定是对你想要什么的看法......更快的加载但更难调试,更容易调试但加载速度稍慢,等等。

关于javascript - 如何为生产准备js文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25314849/

相关文章:

javascript - 如何在格式化文本上使用 .split

javascript - Semantic-ui,粘在外容器上

javascript - 如何存储 Ionic/Cordova 应用程序的连接字符串?

html - 表格边框的左边缘在 Firefox 中被截断,但在 IE 6/7 和 Safari 中没有

javascript - 使用传单进行最大纬度 map 平移

html - 下拉菜单布局困惑?

javascript - 如何像 flexbox 一样在网格 "space-evenly"中创建列?

javascript - AngularJS 错误 : ng:areq Bad Argument while using controller

AngularJS:无法从指令中访问范围

javascript - 当用户尝试使用 AngularJS 关闭浏览器时是否可以触发模式?