我已经在codekit中安装了以下组件到一个新项目:
jqueryanimate.css正常化现代化的
我知道建议将这些组件保存在较低的目录中，以便于更新这些文件。但是，我们在html文件中直接链接到这些吗?我的sass文件被编译并输出到assets/css，但是在底层组件中没有任何sass文件，如果我要升级，在原始文件夹中创建它们会被覆盖。对我来说，将整个bower_components文件与所有依赖文件一起上传到生产服务器似乎很奇怪。我一直在建设网站很长一段时间没有所有这些节点，git, grunt, bower，等东西。我看到了其中的价值，但我很难跟上进度。
在大多数情况下，你会想要包含第三方组件(例如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/文件夹中的所有文件。