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

Question

我最近才开始使用 Bower 和 Gulp。我有一个 bower.json 列出我的依赖项，一个 gulpfile.js 包含字体、css、js 等任务，还有一个 package.json 列出 gulp 依赖项等东西。

我只有那些文件在版本控制下，作为测试检查了其他地方的存储库并设法安装 gulp 和 bower 依赖项，并使用 gulp 构建所有内容。然后我有目录 bower_components、node_modules 和 build，它们是由 gulp.

创建的

现在放置我自己的代码的正常位置是什么？我是否应该简单地在项目的根目录中创建另一个目录，src 或 app 左右，然后让 gulp 缩小它等并将它放在 build 目录中？

是否有任何我应该注意的命名约定？

所以，我当前的目录结构是：

根目录
- bower_components
  - bootstrap, 靴子, jquery, ...
- node_modules
  - gulp, gulp-*, ...
- 构建
  - 资产
    - css、字体、img、js、...
- bower.json
- gulpfile.json
- package.json

Answer 1

好的，如果您要将 (src) 目录添加到根目录，您的结构如下所示

|src

|-src/img

|-src/js

|-src/少-css

您的 "watch" 任务可能看起来像这样

    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 时，对上述路径中列出的文件的任何更改都会被注意到，并且更改将从 src 构建到您的 'build' 文件夹中（取决于您如何设置 gulp 文件的其余部分）

但是正如 ddprrt 提到的，如何命名源目录确实是社区偏好。

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

Naming conventions and file placement using Bower and Gulp

build

node.js

npm

bower

gulp