Question

我试图在我的angularjs项目中添加构建工具gulp，但我认为我在配置b / c时出错了我一直遇到错误，如

require未定义
angular未定义
或app未定义（var app = angular.module("app",[]);）

我有多个js文件，一个用于服务/工厂，控制器和模块。我想构建我的所有脚本，但是当我查看main.js时，它只定义了模块，它没有任何其他js文件。我也不确定我是否想将我的html文件复制到我的dist文件夹中。我已经尝试了两种方式，但我一直收到错误，如服务未定义或应用程序未定义，等等。有人知道我做错了什么。

这是我的代码，它位于gulp.js：

var gulp=require('gulp');

var connect = require('gulp-connect');
var browserify=require('browserify');
var source=require('vinyl-source-stream');
var jshint=require("gulp-jshint");
var concat=require('gulp-concat');
var del = require('del');

gulp.task('browserify', function(){
    return browserify('./app/app.js').bundle().pipe(source("main.js")).pipe(gulp.dest("./dist/js"));
});

gulp.task('watch', ['scripts'], function(){
    gulp.watch('app/**/*.js',['scripts']);

});

gulp.task("scripts", function(){
    return gulp.src("app/**/*.js").pipe(concat('main.js')).pipe(gulp.dest("./dist/js"));
});

gulp.task("html",function(){
    return gulp.src('app/**/*.html').pipe(gulp.dest('./dist/html'));
});

gulp.task('clean',function(done){
    del(['./dist'],done);
});

gulp.task('connect', function(){
    connect.server({
        root: "./",
        port: 4000
    });
});

gulp.task('build', ['clean','scripts','html','connect',"watch"]);

在我的index.html文件中：

... scripts (like jquery, foundation, etc.)
<script type="text/javascript" src="./dist/js/main.js"></script>

我一直在关注这些教程：

https://omarfouad.com/ 
http://paislee.io/a-healthy-gulp-setup-for-angularjs-projects/
https://johnpapa.net/angular-and-gulp/
http://blog.angular-university.io/what-every-angular-project-likely-needs-and-a-gulp-build-to-provide-it/

gulp main.js不包含所有js文件

0 个答案: