bower - 如何在 codekit 中使用 Bower 组件

Question

我已将以下组件安装到 codekit 中的新项目中:

查询
动画.css
标准化
现代化者

我知道建议将这些组件保存在 bower 目录中，以便轻松更新这些文件。但是，我们是否直接在我们的 html 文件中链接到这些？我的 sass 文件被编译并输出到 assets/css 但 bower 组件中没有任何 sass 文件，我认为如果我要升级，在原始文件夹中创建它们会被覆盖。将整个 bower_components 文件与所有依赖文件一起上传到生产服务器对我来说似乎很奇怪。我在没有所有这些节点、git、grunt、bower 等东西的情况下构建站点已经很长时间了。我看到了它的值(value)，但我很难跟上速度。任何帮助肯定会受到赞赏。

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/ 中的所有文件。文件夹。