Javascript 鲍尔与依赖开发
我正在使用angularJS和Yeoman生成器开发一个应用程序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属性来使用,而不是 是否有一种自动化
myapp
。这包括Bower管理依赖项,Grunt将这些依赖项连接到index.html(=它根据Bower配置和依赖项生成包含所有脚本和链接的index.html文件)
我将角度甘特图
作为依赖项,它作为一个.js
文件通过Bower分发
由于我想对angular-gantt
有所贡献,我使用了bower-link
从本地克隆的git存储库中读取源代码
但是我仍然需要覆盖myapp
中的bowermain
属性来使用,而不是
是否有一种自动化的方法来实现这一点,而不逐个列出每个源文件?是否有一些生成器可以从源代码生成此列表
myapp/bower.json
如果其他人有这个问题,下面是我最终找到的解决方案
角度甘特图
正在使用grunt,并且两者都支持源地图
选项。启用时,将生成一个sourceMap以及分发.js
文件
在运行时环境中保留分布式文件的同时,从真实源进行调试。这不需要配置,因为sourceMap文件名作为注释添加到发行版.js
文件的末尾
使用grunt文件,可以在更改源时自动生成缩小的文件
因此,通过使用支持sourceMap的IDE和grunt watch来检查更改并构建分布式
.js
源代码更改文件,问题就解决了。这是一个有趣的问题。我知道Visual Studio允许您在文件中添加JavaScript注释,声明它所依赖的内容,但我不确定是否存在非Visual Studio解决方案。为什么要覆盖bowermain
属性而不使用单个分布式属性?如果我做了更改,我不希望它们位于正确的源文件中。我不想花时间将更改从分布式文件复制/粘贴到源文件。
{
"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"
],
.......
}