当前位置: 首页 > 面试题库 >

ExpressJS中的Yeoman

司马彦
2023-03-14
问题内容

我仍然想尝试使用w / Yeoman和Express运行示例。

我尝试了以下方法,但效果很好,但是我坚持合并路线。(为简化可读性而简化)

mkdir test
cd test
express
mkdir app
cd app
mkdir js
cd js
yeoman angular

然后我在Gruntfile.js中将“ output:dist”更改为“ output:../../ public”

现在,两个服务器都可以独立运行(例如,yeoman服务器和节点app.js)。我现在也可以运行“ yeoman
build”,以将缩小的JS输出到Express应用程序中的/ public

我对路线如何合并有些模糊?我想/拉起Angular路线,而不是快速路线,等等。github上的angular-express-
seed示例看起来还不错,但我仍然希望Yeoman集成到项目中。

任何建议,将不胜感激。


问题答案:

我建议将这种结构用于yeoman + expressjs:

mkdir app
cd app
yeoman angular
express .

因此您的目录树应如下所示:

.
├── app
│   ├── 404.html
│   ├── favicon.ico
│   ├── index.html
│   ├── robots.txt
│   ├── scripts
│   │   ├── controllers
│   │   │   └── main.js
│   │   ├── vendor
│   │   │   ├── angular.js
│   │   │   ├── angular.min.js
│   │   │   ├── es5-shim.min.js
│   │   │   └── json3.min.js
│   │   └── yeoman-test.js
│   ├── styles
│   │   └── main.css
│   └── views
│       └── main.html
├── app.js
├── Gruntfile.js
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── user.js
├── test
│   ├── lib
│   │   └── angular-mocks.js
│   └── spec
│       └── controllers
│           └── main.js
├── testacular.conf.js
└── views
    ├── index.jade
    └── layout.jade

您可以删除现在冗余的public目录(我们将改为从该目录提供app):

rm -rf public

现在,在中app.js,您需要更改从哪个目录提供静态文件。更改此行:

app.use(express.static(path.join(__dirname, 'public')));

对此:

app.use(express.static(path.join(__dirname, 'app')));

那应该是关于它的。需要注意的是,您现在有两个“索引”文件-
一个在中views/index.jade,另一个在中app/index.html。删除app/index.html当前会中断yeoman,所以我的建议是摆脱的路线app/index.jade,仅对进行编辑index.html

希望这可以帮助!



 类似资料:
  • Behold the ReactJS + ExpressJS Boilerplate I wrote an article about this repo which explains the structure. This is a boilerplate to use ReactJS, ExpressJS, Redux and React Router v4 in a project. Rea

  • 问题内容: 我的“视图”文件夹中有一个index.jade。 我的路由器的routes文件夹中有index.js: 尝试访问控制台的jade文件中的node_modules文件夹时,我始终收到404错误: 尝试访问node_modules中的脚本时,文件路径到底如何工作/如何为Express修复它?我是否需要复制必要的javascript文件并将其放置在“ public”下的“ javascrip

  • 问题内容: 我正在编写expressjs应用程序。是req.params.anything始终是字符串,而不是数字。如果我为user_id传递数字,则它的typeof始终是字符串。 GET用户/ 21 此日志字符串。 那么,是否总是为req.params.x输入字符串? 问题答案: 是的,所有参数都是字符串。 这是从expressjs中提取的: 因此,它将始终是一个字符串,因为的结果始终是一个字符

  • 问题内容: 我对此完全迷失了;我正在使用NodeJS来获取JSON,我需要将变量传递给我的页面并让JavaScript使用数据。 那就是我的Express代码(出于测试目的非常简单);现在使用EJS,我想收集这些我知道要呈现在页面上的数据, 但是我需要能够在JavaScript中收集这些数据(如果可能在.js文件中),但现在只是在我尝试过的“警告”框中显示变量 在翡翠中就像或。我可以在EJS中做类

  • 问题内容: 我正在学习AngularJS,我想知道如何使用ExpressJS与Node正确连接。 这是我的控制器: 这是我的server.js: 我没有使用过人体分析仪。当我在控制器中使用函数时,我不知道如何使用body-parser从html获取表单值。使用body- parser时,值是从单击提交时的html获取的,还是从我将表单值作为参数传递给其的函数中获取的?请告诉我它是如何完成的。 编辑

  • 本文向大家介绍ExpressJS入门实例,包括了ExpressJS入门实例的使用技巧和注意事项,需要的朋友参考一下 一、我们创建项目目录。 二、进入此目录,定义项目配置文件package.json。 为了准确定义,可以使用命令: 现在知道ExpressJS框架的最新版本为3.2.1,那么配置文件为: 三、使用npm安装项目依赖的包。 一旦npm安装依赖包完成,项目根目录下会出现node_modul