javascript – 打包AngularJs应用程序

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 打包AngularJs应用程序，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1596字，纯文字阅读大概需要3分钟。

内容图文

我正在使用1.x构建Angular Apps,并且已经有一段时间了.我使用Bower来安装Angular以及随之而来的各种软件包以及Shivs,JQuery,ChartJs等其他一些零件.我喜欢使用Bower因为它很好而且快速并且将所有内容保存在一致的地方供我参考.我使用Grunt以及我的任务运行器,所以我也希望能够自动化这个过程以实现丝滑顺利的开发.

现在随着我的Angular知识的增加以及我正在构建的应用程序的规模不断增加,我发现自己在index.html中包含了几十个文件调用,我真的想整理所有这些,理想情况下是不错的app.js让它更易于管理,不仅适合我自己,也适合其他任何进入这些应用程序的人.

我已经看到了诸如requirejs,browserify和commonjs之类的maaany工具,仅举几例,它们都提供了我所追求的功能,但是在阅读各种教程或观看会议上的会议时,它们似乎都与一个冲突另一个是最好的.我在某种程度上知道(与所有这些竞争技术一样)是个人偏好,我倾向于浏览器化,但显然这会从流程中移除bower并使用NPM.如果可能的话,我想坚持使用Bower.我真的很喜欢使用它.

有没有人有任何可以提供的建议或最佳实践可以为我解决这个问题？一个简单的concat与grunt / gulp只是要走的路吗？

任何有用的评论/答案将不胜感激.

非常感谢.

解决方法:

使用ES6模块和模块捆绑器(我的建议是Webpack).

正确识别RequireJS和commonjs围绕不同(略微冲突)的目标并且不相容. ES6模块是standardized对模块化javascript的努力,已经得到了转发器(例如Babel)的良好支持.

This article对这个新功能进行了很好的介绍：

Even though JavaScript never had built-in modules, the community has
converged on a simple style of modules, which is supported by
libraries in ES5 and earlier. This style has also been adopted by ES6:

• Each module is a piece of code that is executed once it is loaded.
• In
  that code, there may be declarations (variable declarations, function
  declarations, etc.).

内容总结

以上是互联网集市为您收集整理的javascript – 打包AngularJs应用程序全部内容，希望文章能够帮你解决javascript – 打包AngularJs应用程序所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端