使用Gulp启动MEAN堆栈(前端和后端)

时间:2017-01-30 01:12:20

标签: angular gulp mean-stack

我一直在学习使用Angular 2构建移动应用程序。直到现在我才开始需要后端。我正在学习如何使用express和MongoDB构建RestApi。

但是,我发现的文档只显示了如何使用gulp运行其中一个。

例如,在构建前端时我一直在使用Gulp-Connect:

前端:

// Start a server for project.
gulp.task('connect', function(){
    connect.server({
    root : '',
    livereload : true,
    fallback: 'index.html'
    });
});

在学习制作API时,我使用了Gulp-nodmon:

的后端

gulp.task('default', function(){
    nodemon({
        script: 'app.js',
        ext: 'js',
        env: {
            PORT:8080
        },
        ignore: ['./node_modules/**']
    })
    .on('restart', function(){
        console.log('Restarting');
    });
});

我的理解是他们都做同样的事情,他们使用Node在本地服务器上启动应用程序。我的问题是,我怎么想设置gulp以便它可以启动我的前端和后端?我使用Yeomon生成器来查看它们是如何做到的,但对于MEAN堆栈生成器,它们倾向于使用NODE。我确信这很好但我不知道如何设置并且使用gulp变得更加舒适。

我可能完全误解了整个流程,任何人对我都有一些很好的解释或指示?

1 个答案:

答案 0 :(得分:0)

谢谢大家的建议,我确实在探索它,但有些事情似乎没有了。对我来说,MEAN堆栈是用于开发应用程序的单一代码库方法。我想避免使用两个部署到两个heroku服务器的Git存储库。

我做了一些搜索,最后在平均堆栈开发< - >部署中观看了2小时的youtube视频。

看来express可以部署静态html,而html又可以运行我的角度应用程序。

所以内部表达你会写:

app.use(express.static('public'))

然后在gulp中你可以运行那个expressapp.js文件或使用NPM来启动它。