如何在codekit中使用Bower组件

Question

我在codekit中安装了以下组件的新项目：

的jquery animate.css 正常化 近代化

我知道建议将这些组件保存在凉亭目录中，以便轻松更新这些文件。但是，我们是否直接在我们的html文件中链接到这些？我的sass文件被编译并输出到assets / css但是bower组件中没有任何sass文件，如果我要升级，我认为在原始文件夹中创建它们会被覆盖。使用所有相关文件将整个bower_components文件上传到生产服务器对我来说似乎很奇怪。我一直在建设网站很长一段时间没有所有这个节点，git，grunt，bower等等。我看到它的价值，但我很难适应速度。任何帮助肯定会受到赞赏。

Answer 1

在大多数情况下，您希望在自己的主css或javascript文件中包含第三方组件（例如css，javascript，...文件），然后将该文件最小化以进行生产。例如，我的文件夹结构如下所示：

    bower_components/
        ...
    release/
        css/
            styles.min.css
        img/
            ...
        js/
            scripts.min.js
    src/
        images/
            ...
        scripts/
            scripts.js
        styles/
            styles.less
        templates/
            ...

然后，在styles.less内，我可能会：

@import (less) "../../bower_components/normalize-css/normalize.css";

或scripts.js我可以：

//@codekit-prepend "../../bower_components/jquery/dist/jquery.js"

我将CodeKit设置为从这些文件中生成release/中的缩小版本。转到生产的唯一文件是release/文件夹中的所有文件。