将 grunt-contrib-concat 与 Bower 结合使用

Question

我遇到这种情况：

我在 bower_componenents 文件夹中通过 bower 下载了一些 js 库
一些自定义 javascript 在不同的 js 文件夹中

我的连接任务如下：

concat: {
  dist: {
    src: [
      'bower_components/jquery/jquery.js',
      'bower_components/imagesloaded/imagesloaded.js',
      'js/libs/*.js',
      'js/custom/*.js'
    ],
    dest: 'js/build/production.js'
  }
}, //end concat

然后结果由 grunt uglifier 处理，如下所示：

uglify: {
  dist: {
    src: 'js/build/production.js',
    dest: '_site/js/production.min.js'
  }
}, //end uglify

如果我只从 bower_components 文件夹添加一个库（在我的例子中是 jquery），这里发生的一切都会很顺利。如果我添加第二个（在我的情况下图像已加载），生成的 javascript 文件会损坏并且 javascript 根本无法工作。

如果我检查 production.min.js 文件，我会注意到所有需要的代码实际上都在那里，但它不起作用。

我错过了什么？我应该使用 grunt-bower-concat 吗？如果是，为什么会连接我的自定义 js？

作为参考，我正在使用这个 grunt 样板文件：https://github.com/vlrprbttst/grunt-boilerplate-v2

谢谢！！

Answer 1

这是固定的：

    concat: {
        options: {
            separator: ';',
        },
        dist: {

和

    uglify: {
        options: {
            mangle: false
        },
        dist: {

将 grunt-contrib-concat 与 Bower 结合使用

using grunt-contrib-concat with bower

javascript

gruntjs

bower

grunt-contrib-concat