如何设置Grunt以排除未使用的Bower库

Question

我有一个grunt/bower/angular项目，其中包含angularjs等依赖项。当bower安装angularjs依赖项或任何其他依赖项时，它会产生比我想在构建中包含的更多的内容。

例如，当bower安装angularjs时，bower_components目录包含angular.js和angular.min.js。我只想使用这两个脚本中的一个。

我是否可以设置Grunt来构建我的项目，并且只包括我想要从bower_components获得的库和资源？如果是，并且它涉及到在Gruntfile.js中指定库，那么在这种情况下使用Bower有优势吗？

Answer 1

是的，你可以使用grunt bower来完成这项工作。您可以指定要为特定程序包导入哪些文件。

以下是Fancybox包的完整示例：

bower: {    
    dest:       'source/assets/images',
    js_dest:    'source/assets/js',
    css_dest:   'source/assets/css',
    fonts_dest: 'source/assets/fonts',
    options:    {
        expand:                false,
        keepExpandedHierarchy: false,
        packageSpecific:       {
            'fancybox': {
                files: [
                    'source/blank.gif',
                    'source/fancybox_loading.gif',
                    'source/[e-mail]',
                    'source/fancybox_overlay.png',
                    'source/fancybox_sprite.png',
                    'source/[e-mail]',
                    'source/jquery.fancybox.js',
                    'source/jquery.fancybox.css',
                    'source/helpers/jquery.fancybox-thumbs.css',
                    'source/helpers/jquery.fancybox-thumbs.js'
                ]
            }
        }
    }
}