Question

Grunt这里的新手....我想要做的事情似乎很简单，但我在这里结束了我的智慧。我试图从几个单独的bower组件连接JS，然后用CSS做同样的事情。这是我的grunt.file中的相关代码：

bower_concat: {
      all: {
        dest: 'builds/development/js/_bower.js',
        cssDest: 'builds/development/css/_bower.css'
    }
}

这是我的配置中的最后一项，因此在最后的“}”之后不需要逗号。

所有需要的文件都列在各自bower.json文件的“main”下。例如：

"main": [
    "dist/owl.carousel.js",
    "dist/assets/owl.carousel.css",
    "dist/assets/owl.theme.css",
    "dist/assets/owl.transitions.css"
  ],

我很肯定这些路径和文件名是正确的。 JS很好。 CSS什么都不做。如果我从我的gruntfile中删除“dest：...”行（试图只连接CSS）终端给我错误“：警告：你应该在你的Gruntfile中指定”dest“和/或”cssDest“属性”

我明确指出这一点。救命啊！

Answer 1

啊，很容易。您需要在grunt-bower-concat下的Gruntfile中指定组件或库，然后指定其mainFiles。不要担心弄乱各个组件的文件。

bower_concat: {
    all: {
        dest: 'builds/development/js/_bower.js',
        cssDest: 'builds/development/css/_bower.css'
    }
    mainFiles: [
        owlcarousel: [
            "dist/owl.carousel.js",
            "dist/assets/owl.carousel.css",
            "dist/assets/owl.theme.css",
            "dist/assets/owl.transitions.css"
        ],
    ],
}

仅供参考我目前的owlcarousel bower-concat看起来像这样，请仔细检查你的bower_components文件夹树结构。

bower_concat: {
    all: {
        dest: 'builds/development/js/_bower.js',
        cssDest: 'builds/development/css/_bower.css'
    }
    mainFiles: [
        owlcarousel: [
            "owl-carousel/owl.carousel.js",
            "owl-carousel/owl.carousel.css",
            "owl-carousel/owl.theme.css",
            "owl-carousel/owl.transitions.css"
        ],    // (Version 1.3.2)
    ],
}

Answer 2

最后得到了它：

bower_concat: {
        all: {
            dest: {
                js: 'builds/development/js/_bower.js',
                css: 'builds/development/css/_bower.css'
            },

        },
    }

基本上需要在＆＃34; dest：＆＃34;内部再增加一组嵌套花括号。对于记录，如果在bower_components json中指定了mainFiles，则不需要指定它们。

bower concat CSS问题

2 个答案: