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

Question

我最近才开始与Bower和Gurp合作。我有一个列出我的依赖项的bower.json，一个包含字体，css，js等任务的gulpfile.js，以及一个列出gulp依赖项等的package.json。

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

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

我应该注意哪些命名约定？

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

• 根
  • bower_components
    • Bootstrap， bootswatch， jquery， ...
  • node_modules 咕噜咕噜，咕
    • 噜咕噜，...
  • 建
    • 资产
      • css， fonts， img， js， ...
  • 鲍尔.json
  • gulpfile.json
  • 包.json

Answer 1

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

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