javascript - Wiredep 和 useminPrepare 无法处理多个 src

Question

简而言之，我使用 gruntwiredep 和 useminPrepare。我想将一些 Bower 依赖项合并到单个文件中。

HTML 标记

<!-- build:js js/vendor/libraries.min.js -->
  <!-- bower:js -->
  <script src="bower_components/jquery/dist/jquery.js"></script>
  <script src="bower_components/velocity/velocity.js"></script>
  <script src="bower_components/velocity/velocity.ui.js"></script>
  <!-- endbower -->
<!-- endbuild -->

Wiredep 配置

    wiredep: {
        target: {
            src: [
                '<%= app %>/**/*.html'
            ],
            exclude: [
                'modernizr',
                'Tabslet',
                'velocity'
            ]
        }
    }

useMin 和 useMinPrepare 配置

    useminPrepare: {
        html: ['<%= app %>/*.html'],
        options: {
            dest: '<%= dist %>'
        }
    },

    usemin: {
        html: ['<%= dist %>/**/*.html', '!<%= app %>/bower_components/**'],
        css: ['<%= dist %>/css/**/*.css'],
        options: {
            dirs: ['<%= dist %>']
        }
    },

问题是libraries.min.js 中只包含jQuery。

Answer 1

您必须从wiredep exclude: 中删除'velocity' 才能解决您的问题。此外，根据 grunt-usemin 文档，选项 dirs: 不存在，您可能想要表示 assetsDirs:。

https://www.npmjs.com/package/grunt-usemin