Yeoman发电机使用gulp和角度与快递服务器

时间:2015-01-30 00:04:23

标签: angularjs express gulp yeoman

我正在尝试使用带有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');
});

2 个答案:

答案 0 :(得分:8)

首先,你应该利用它的router来利用express的所有潜力,这将允许你在每个子程序的单独文件夹中轻松管理你的路由,否则你很快就会为所有新的程序弄得一团糟你创造的例程。

通过将客户端文件放在易于定位的特定目录中,提供客户文件应该是一行的。

要做一些优化的事情,您还必须创建一个构建任务,用于连接和缩小所有客户端文件并在index.html中更改其路径。


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

使用

安装
npm install -g generator-bangular

开始运行

yo bangular

答案 1 :(得分:0)

由于您的设置信息很少,我无法帮助您解决此问题,但我建议您使用angular-fullstack generator作为首个MEAN应用。