javascript - Bower 和依赖开发

Question

我正在使用 angularJS 和 Yeoman Generator 开发一个应用程序 myapp。这包括用于管理依赖项的 Bower，以及用于将这些依赖项连接到 index.html 的 Grunt(=它根据 Bower 配置和依赖项生成包含所有脚本和链接的 index.html 文件)。

我有 angular-gantt 作为依赖项，它作为单个 .js 文件通过 Bower 分发。

因为我想为 angular-gantt 做贡献，所以我使用了 bower link 从本地克隆的 git 存储库中读取源代码。

但我仍然需要从 myapp 覆盖 bower main 属性以使用 javascript source files from this folder , 而不是 single distributed one .

有没有一种自动化的方法来做到这一点，而不用一一列出每个源文件？是否有一些生成器可以从源代码构建此列表？

myapp/bower.json

{
  "name": "myapp",
  "version": "0.0.0",
  "dependencies": {
    ...
    "angular-gantt": "~0.6.1",
    ...
  },
  "devDependencies": {
    ...
  },
  "overrides": {
    ...
    "angular-gantt": {
      "main": [ // <= How to avoid listing those files manually ?
        "file1.js",
        "file2.js",
        "file3.js",
        "file4.js",
        ....
      ]
    },
    ...
  }
}

angular-gantt/bower.json

{
  "name": "angular-gantt",
  "version": "0.6.1",
  "homepage": "https://github.com/Schweigi/angular-gantt",
  "authors": [
    "Schweigi"
  ],
  "description": "A Gantt chart directive for Angular.js without any other dependencies.",
  "main": [
    "./assets/angular-gantt.js",
    "./assets/gantt.css"
  ],
  .......
}

Answer 1

如果其他人有这个问题，这是我终于找到的解决方案。

angular-gantt 正在使用 grunt concat和 uglify两者都支持 sourceMap 选项。启用后，将生成 sourceMap 以及分发 .js 文件。

Intellij IDEA can read this sourcemap从真实源进行调试，同时将分布式文件保存在运行时环境中。这不需要配置，因为 sourceMap 文件名作为注释添加到分发 .js 文件的末尾。

使用 grunt 文件 watch ，当源改变时，可以自动生成缩小文件。

因此，通过使用支持 sourceMap 的 IDE，并使用 grunt watch 检查更改并在源更改时构建分布式 .js 文件，问题就解决了。