Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 鲍尔与依赖开发_Javascript_Angularjs_Yeoman_Bower - Fatal编程技术网

Javascript 鲍尔与依赖开发

Javascript 鲍尔与依赖开发,javascript,angularjs,yeoman,bower,Javascript,Angularjs,Yeoman,Bower,我正在使用angularJS和Yeoman生成器开发一个应用程序myapp。这包括Bower管理依赖项,Grunt将这些依赖项连接到index.html(=它根据Bower配置和依赖项生成包含所有脚本和链接的index.html文件) 我将角度甘特图作为依赖项,它作为一个.js文件通过Bower分发 由于我想对angular-gantt有所贡献,我使用了bower-link从本地克隆的git存储库中读取源代码 但是我仍然需要覆盖myapp中的bowermain属性来使用,而不是 是否有一种自动化

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

我将
角度甘特图
作为依赖项,它作为一个
.js
文件通过Bower分发

由于我想对
angular-gantt
有所贡献,我使用了
bower-link
从本地克隆的git存储库中读取源代码

但是我仍然需要覆盖
myapp
中的bower
main
属性来使用,而不是

是否有一种自动化的方法来实现这一点,而不逐个列出每个源文件?是否有一些生成器可以从源代码生成此列表

myapp/bower.json


如果其他人有这个问题,下面是我最终找到的解决方案

角度甘特图
正在使用grunt,并且两者都支持
源地图
选项。启用时,将生成一个sourceMap以及分发
.js
文件

在运行时环境中保留分布式文件的同时,从真实源进行调试。这不需要配置,因为sourceMap文件名作为注释添加到发行版
.js
文件的末尾

使用grunt文件,可以在更改源时自动生成缩小的文件


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

这是一个有趣的问题。我知道Visual Studio允许您在文件中添加JavaScript注释,声明它所依赖的内容,但我不确定是否存在非Visual Studio解决方案。为什么要覆盖bower
main
属性而不使用单个分布式属性?如果我做了更改,我不希望它们位于正确的源文件中。我不想花时间将更改从分布式文件复制/粘贴到源文件。
{
  "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",
        ....
      ]
    },
    ...
  }
}
{
  "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"
  ],
  .......
}