如何設置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/fancybox_loading@2x.gif',
                    'source/fancybox_overlay.png',
                    'source/fancybox_sprite.png',
                    'source/fancybox_sprite@2x.png',
                    'source/jquery.fancybox.js',
                    'source/jquery.fancybox.css',
                    'source/helpers/jquery.fancybox-thumbs.css',
                    'source/helpers/jquery.fancybox-thumbs.js'
                ]
            }
        }
    }
}