angular2+node.js express打包部署
2017-04-10 16:28
337 查看
angular是客户端JS,NODE.JS 是服务端JS,建立SPA 网站需要把这两者统一到一起。
1、angular2项目创建,使用angular-cli
ng new mypos
2、使用express命令行工具创建express项目。
express --view=hbs
3、angular2 中 需要引用到第三方库 例如 jquery,bootstrape,
index.html中需要添加应用,然后文件需要拷贝到assets目录
<linkrel="stylesheet"type="text/css"href="/assets/primeng/resources/themes/bootstrap/theme.css"
/>
<linkrel="stylesheet"type="text/css"href="/assets/primeng/resources/primeng.min.css"
/>
<linkrel="stylesheet"type="text/css"href="/assets/primeng/resources/font-awesome.min.css"
/>
<scriptsrc="/assets/jquery.min.js"></script>
<linktype="text/css"href="/assets/bootstrap/css/bootstrap.min.css"rel="stylesheet">
<scriptsrc="/assets/bootstrap/js/bootstrap.min.js"></script>
4、修改angular-cli.json //指定为express的静态文件目录。
"outDir":"express/public/"
5、打包
ng build --prod
6、进入express运行目录
npm start
完成!
1、angular2项目创建,使用angular-cli
ng new mypos
2、使用express命令行工具创建express项目。
express --view=hbs
3、angular2 中 需要引用到第三方库 例如 jquery,bootstrape,
index.html中需要添加应用,然后文件需要拷贝到assets目录
<linkrel="stylesheet"type="text/css"href="/assets/primeng/resources/themes/bootstrap/theme.css"
/>
<linkrel="stylesheet"type="text/css"href="/assets/primeng/resources/primeng.min.css"
/>
<linkrel="stylesheet"type="text/css"href="/assets/primeng/resources/font-awesome.min.css"
/>
<scriptsrc="/assets/jquery.min.js"></script>
<linktype="text/css"href="/assets/bootstrap/css/bootstrap.min.css"rel="stylesheet">
<scriptsrc="/assets/bootstrap/js/bootstrap.min.js"></script>
4、修改angular-cli.json //指定为express的静态文件目录。
"outDir":"express/public/"
5、打包
ng build --prod
6、进入express运行目录
npm start
完成!
相关文章推荐
- angular nodejs express mongodb apache,模拟线上部署
- MangoDB+Express+AngularJS+NodeJS搭建待办任务管理系统(一)
- NodeJS+Express+MySQL开发小记(2):服务器部署
- node express angularjs 静态网站
- soket.io.js + angular.js + express.js(node.js)
- soket.io.js + angular.js + express.js(node.js)
- node.js express架构安装部署
- Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog
- node.js+ express + gulp + angular
- windows mean(mongodb+express+angularjs+nodejs) 一键安装脚本
- 【转】MEAN:Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog
- CEAN.js (Couchbase + Express + AngularJS + Node.js示例)
- 在Windows平台上部署Node.js+Express环境
- Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog
- windows mean(mongodb+express+angularjs+nodejs) 一键安装脚本
- React+NodeJS+Express 环境搭建与部署
- Node.js和Express简单入门
- nodejs+Express实现Restful的web应用
- Node.js入门教程:Node.js如何安装配置并部署第一个网站
- node.js express mvc轻量级框架实践