使用Bower和Gulp命名约定和文件放置

我刚刚开始与Bower和Gulp合作。 我有一个bower.json列出我的依赖,一个gulpfile.js与字体,CSS,JS等任务和一个package.json列表吞没依赖,等等。

我只有那些在版本控制下的文件,并且作为一个testing在其他地方检出了版本库,并设法安装了吞吐和依赖关系,并且用gulp构build了所有的东西。 然后我有目录bower_componentsnode_modulesbuild ,这是由node_modules创build的。

什么是现在正常的地方把我自己的代码? 我应该简单地在项目的根目录中创build另一个目录, srcapp等,并让gulp缩小它,并将其放置在build目录中?

是否有任何我应该知道的命名约定?

所以,我目前的目录结构是:

    • bower_components
      • bootstrap,bootswatch,jquery,…
    • node_modules
      • 吞,吞,*,…
    • build立
      • 资产
        • CSS,字体,IMG,JS,…
    • bower.json
    • gulpfile.json
    • 的package.json

好的,如果你要添加一个(src)目录到你的结构看起来像的根目录

| SRC

| -src / img

| -src / js

| -src / less-css

你的“看”任务可能看起来像这样

  gulp.task('watch', function() { // Watch .less files gulp.watch('./src/less/**/*.less', ['styles']); // Watch .js files gulp.watch('./src/js/**/*.js', ['scripts']); // Watch image files gulp.watch('./src/img/*', ['images']); // Create LiveReload server // livereload.listen(); // only if you use livereload // Watch any files in dist/, reload on change gulp.watch(['assets/**']).on('change', livereload.changed); }); 

当从该项目的目录中运行gulp watch时,会注意到上面path中列出的文件的任何更改,并且将从src将更改构build到“build”文件夹中(具体取决于如何设置gulp文件的其余部分)

但是正如ddprrt提到的那样,真正的社区偏好是如何命名你的源代码目录的。