我对Yeoman/Grunt/Bower不熟悉。我有一个bower.json
文件,它定义了以下依赖项:
bower.json
{
"dependencies": {
"angular": "~1.0.7",
"jquery": "~1.8.0",
"bootstrap": "~2.3.2",
"angular-grid": "~2.0.5"
}
}
在我的HTML文件中,我使用了那些库的非压缩版本,这些库是通过bower install
命令安装的。
index.html
<script src="components/jquery/jquery.js"></script>
<script src="components/bootstrap/docs/assets/js/bootstrap.js"></script>
<script src="components/angular/angular.js"></script>
<script src="components/angular-grid/build/ng-grid.js"></script>
如何配置grunt,以便:
- 仅将这些js文件的缩小版本复制到构建目录
- 替换HTML,使其更改例如
jquery.js
为jquery.min.js
- 当不使用CDN时-是否建议将所有文件与自定义应用程序脚本合并在一起?
这里的正确方法是什么?我是否需要在grunt复制任务中定义每个库?像:
Gruntfile.js:
copy: {
dist: {
files: [{
src: [
'components/jquery/jquery.min.js',
'components/bootstrap/docs/assets/js/bootstrap.min.js',
'components/angular/angular.min.js',
'components/angular-grid/build/ng-grid.min.js'
]
}]
}
}