javascript - 在 angular.js 应用程序中加载大量文件用于开发环境

标签 javascript angularjs gruntjs

在我们的 Angular.js 应用中,每个 Controller 、指令、服务等都有单独的文件。因此需要包含数百个 js 文件。

我们正在使用 Grunt 来连接和丑化用于生产的 javascript,但我想为开发环境单独加载文件。

问题是,在 Gruntfile 中,您可以使用通配符指定文件列表,即 /js/**/*.js 以包含应用程序的所有模块.

在开发中,我正在考虑像 angular-seed 那样异步加载文件,但是 $script 加载器不允许在路径中使用通配符,所以我需要手动指定每个文件,这似乎...不是最优的。

这有通用的做法吗?

最佳答案

查看 Usemin ( https://github.com/yeoman/grunt-usemin )。它允许您在开发中使用未连接和未压缩的文件,并会在构建/部署时自动将这些包含替换为连接和未压缩的文件。这样您就可以在文件中保持常规包含,而无需手动加载它们。

关于javascript - 在 angular.js 应用程序中加载大量文件用于开发环境,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20615348/

相关文章:

javascript - 将数组传递给 .map() 错误

javascript - nvd3 交互式指南悬停无法正常工作

javascript - Angularjs Controller 初始化

javascript - 在 Windows、Mac 和 Linux 上分发 Electron 应用程序

javascript - 根据项目索引附加序号后缀 ('-st' , '-nd' , '-rd' , '-th' )

javascript - 延迟 AngularJs 中指令的处理

javascript - 为什么 angularjs 作用域允许在初始化之前访问变量

javascript - 如何使用 grunt 读取外部文件列表

javascript - Grunt-injector 忽略来自 bower 依赖的 css 文件

javascript - Grunt uglify 将字符串 "undefined"视为关键字 undefined