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'
                ]
            }
        }
    }
}

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

1 个答案: