使用Bower和Gulp命名约定和文件放置
我刚刚开始与Bower和Gulp合作。 我有一个bower.json
列出我的依赖,一个gulpfile.js
与字体,CSS,JS等任务和一个package.json
列表吞没依赖,等等。
我只有那些在版本控制下的文件,并且作为一个testing在其他地方检出了版本库,并设法安装了吞吐和依赖关系,并且用gulp构build了所有的东西。 然后我有目录bower_components
, node_modules
和build
,这是由node_modules
创build的。
什么是现在正常的地方把我自己的代码? 我应该简单地在项目的根目录中创build另一个目录, src
或app
等,并让gulp缩小它,并将其放置在build
目录中?
是否有任何我应该知道的命名约定?
所以,我目前的目录结构是:
- 根
- bower_components
- bootstrap,bootswatch,jquery,…
- node_modules
- 吞,吞,*,…
- build立
- 资产
- CSS,字体,IMG,JS,…
- 资产
- bower.json
- gulpfile.json
- 的package.json
- bower_components
好的,如果你要添加一个(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提到的那样,真正的社区偏好是如何命名你的源代码目录的。