使用带有AngomanJS的Express服务器,由Yeoman生成器搭建

时间:2015-03-13 00:19:31

标签: angularjs node.js express gruntjs yeoman

我正在尝试将ExpressJS与由AngularJS Yeoman生成器安装的支架版Angular一起使用。我更喜欢使用Yeoman团队创建的脚手架版本,而不是使用angular-fullstackexpress版本。所以我在项目的服务器文件夹中手动安装了Express JS。

-app //Angular files are here
-server //Node JS files are here

我认为目前正在使用连接服务器而不是Express。有没有办法将grunt文件更改为需要Express?

我认为这是我的gruntfile.js中的相关代码:

// The actual grunt server settings
connect: {
  options: {
    port: 9000,
    // Change this to '0.0.0.0' to access the server from outside.
    hostname: 'localhost',
    livereload: 35729
  },
  livereload: {
    options: {
      open: true,
      middleware: function (connect) {
        return [
          connect.static('.tmp'),
          connect().use(
            '/bower_components',
            connect.static('./bower_components')
          ),
          connect().use(
            '/app/styles',
            connect.static('./app/styles')
          ),
          connect.static(appConfig.app)
        ];
      }
    }
  }

1 个答案:

答案 0 :(得分:0)

<强>配置

通过适当修改项目文件,可以根据需要进一步调整Yeoman生成的项目。

您可以通过向appPath添加bower.json属性来更改应用目录。例如,如果您想轻松与Express.js集成,可以添加以下内容:

{
  "name": "yo-test",
  "version": "0.0.0",
  ...
  "appPath": "public"
}

这将导致Yeoman生成的客户端文件被公开放置。

请注意,通过在启动生成器时添加--appPath选项,您也可以获得相同的结果:

yo angular [app-name] --appPath=public


我会说你在生成项目时走得太远,请仔细阅读文档以获取更多详细信息。