Yeoman 生成器使用 gulp 和 angular 与 express 服务器答案

【问题标题】：Yeoman generator using gulp and angular with express serverYeoman 生成器使用 gulp 和 angular 与 express 服务器
【发布时间】：2015-01-30 00:04:22
【问题描述】：

我正在尝试使用带有 generator-gulp-angular 的 yeoman 设置一个 MEAN 堆栈 Web 应用程序，它没有快速服务器。我尝试添加 express，但遇到问题，.tmp 文件夹中的索引 html 找不到任何 bower_components 文件夹项目。有人有这种设置的工作示例吗？

我添加了快速服务器加载文件，其中包含：

app.use(express.static(path.join(rootPath, '/.tmp/serve')));
app.use(express.static(path.join(rootPath, '/bower_components')));
app.use(express.static(path.join(rootPath, '/src')));

app.get('/', function(req, res) {
    res.sendFile('/.tmp/serve/index.html');
});

【问题讨论】：

我无法真正理解您的问题，因为 MEAN 的意思是（Monogo、EXPRESS、Angular 和 Node）。所以你没有使用 MEAN 堆栈。如果您正在尝试构建自己的 MEAN 堆栈，您应该查看平均堆栈 mean.io 所有这些工作已经为您完成。这就是他们成功的原因。忘掉 Yeoman 和 Gulp 生成器吧。开始构建您的应用程序。

标签： angularjs express gulp yeoman

【解决方案1】：

首先，您应该利用 express 的所有潜力，使用它的router，这将使您可以轻松地在每个子程序的单独文件夹中管理您的路线，否则您很快就会为您的所有新程序弄得一团糟创建。

为您的客户端文件提供服务应该是单行的，将它们放在易于定位的特定目录中。

要进行优化，您还必须创建一个构建任务来连接和缩小所有客户端文件，并更改它们在 index.html 中的路径。

angular-fullstack 生成器的老用户和 gulp 爱好者，我和一个朋友带来了一个名为 generator-bangular 的新项目。基本上是一个使用 angular、gulp 和 express 的全栈生成器。它允许您轻松启动具有干净架构和内置命令的新项目，以创建您需要的一切，从新的 api 路由到指令。

使用安装它

npm install -g generator-bangular

然后开始运行

yo bangular

【讨论】：

感谢您创建 bangular 生成器。我正在寻找一些简单的 angular、express 和 gulp，而你的生成器正是我想要的！
@harmlessdragon 很高兴你喜欢它！谢谢！ ;)

【解决方案2】：

关于您的设置的信息很少，我无法帮助您解决这个特定问题，但我真的建议您将angular-fullstack generator 用于您的第一个 MEAN 应用程序。

【讨论】：

我已经使用 angular-fullstack 生成器很长时间了，但我想开始使用 GULP，我正在寻找相同类型的设置，但使用 gulp 而不是 grunt。我找不到类似的东西，最接近的方法是使用 gulp-angular 生成器并手动添加 express 和 mongo。我几乎成功了，但我仍然遇到凉亭组件文件夹的问题（index.html 找不到它们）我认为这是 gulp 配置的问题。所以我想知道是否有人设法使用 gulp 设置了一个“angular-fullstack generator”之类的应用程序？
所以你应该试试mean.io，在控制台配置的时候你可以选择Gulp或者Grunt