AngularJS +咕嘟咕嘟的文件和文件夹结构，右gulpfule.js配置

Question

我想创建一个三页的应用程序，我需要遵循结构：

frontend 
-app 
--page1 
---page1.js 
---page1.html 
--page2 
---page2.js 
---page2.html 
--page3 
---page3.js 
---page3.html 
-assets 
--style 
---main.scss 
--js 
---main.js 
--images 
-index.html 

public (for production version) 

gulpfile.js 
package.json 

我应该如何创建脚本任务（在不同的文件夹中的脚本）在gulpfile.js？

也许我的结构是错的，那它怎么样？

Answer 1

你的结构看起来不错。您可以使用任何您想要的项目架构。关于Gulp，当您拨打gulp.src()时，您只需知道如何过滤javascript源文件。它应该是这样的：

gulp.task('scripts', function() { 
    return gulp.src('./app/**/*.js') 
     .pipe() //Do whatever process you need here 
     . 
     . 
     .pipe(gulp.dest('./assets/js/')); 
}); 

一个快速的建议是建立一个gulp.config.js文件来处理所有的字符串变量，过滤器，目录，等等。然后在你的gulpfile.js中需要它，并使用这些变量来提供更清晰的代码。它应该是围绕这样的：

gulp.config.js（位于gulpfile.js的同一个文件夹）

module.exports = function() { 
    var src = './app/'; 
    var dest = './assets/'; 

    var config = { 
     js: { 
      src: src + '**/*.js', 
      dest: dest + 'js/' 
     } 
    }; 

    return config; 
} 

gulpfile.js

var config = require('./gulp.config.js')(); 

. 
. 
. 

gulp.task('scripts', function() { 
    return gulp.src(config.js.src) 
     .pipe() //Do whatever process you need here 
     . 
     . 
     .pipe(gulp.dest(config.js.dest)); 
}); 

这应该为你工作。