angularjs - Yeoman 生成器使用 gulp 和 angular 与 express 服务器

标签 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');
});

最佳答案

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

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

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


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

使用安装它

npm install -g generator-bangular

然后开始运行

yo bangular

关于angularjs - Yeoman 生成器使用 gulp 和 angular 与 express 服务器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28227027/

相关文章:

node.js 需要在对象数组中使用引号吗?

javascript - Route.post() 需要一个回调函数,但得到一个 [object String]

javascript - 无法让 Gulp 查看两个文件

javascript - ReactJS + Gulp + Reactify + Browserify 元素类型无效 : expected a string but got: undefined

javascript - Angular Universal 入门构建错误

html - 使用 CSS 修剪文本

javascript - 将列表返回到 JSON 到 Angularjs

javascript - AngularFire - 类型错误 : Cannot read property '$add' of undefined

javascript - Angular JS 使用 url 参数预填充表单

mysql - 为什么我的数据没有插入到我的数据库中