如何在codekit中使用Bower组件

Question

我在codekit中安装了一个新项目,包括以下组件:

jquery animate.css规范化Modernizer

我知道建议将这些组件保存在凉亭目录中,以便轻松更新这些文件.但是,我们是否直接在我们的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/夹中的所有文件.