angular学习8-打包和部署

预编译(AOT)

ng build --prod

可以看到生成了一个dist文件夹，里面是打包后的静态资源文件。

搭建本地简单服务器用来预览打包后的静态文件

npm install express

const express=require('express')
const app = express()
//访问静态资源文件
//中间件
app.use(express.static('dist/my-angular-app'))

//也可以这样 上下两种方式选一个 
app.use('/static',express('dist/my-angular-app'))
//注意此时静态文件不是根路径了，打开会报错
//转到 index.html 看到<base href="/">标签
//改成 <base href="./">就可以了

//监听端口

app.listen(3000,function(){
	console.log("listen port 3000 success')
})

ps:这种创建本地服务器用以预览打包后文件的方法同样可以用于Vue