如何在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/文件夾中的所有文件。