我仍然想尝试使用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