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

一、使用 express

安装 express

npm install express -g

新建dist.ts

const express = require('express');const path = require('path');const app = express();// 访问静态资源文件app.use(express.static(path.join(__dirname, 'dist')));// 注意此时静态文件不是根路径了，打开会报错// 转到 index.html 看到<base href="/">标签// 改成 <base href="./">就可以了// 监听端口app.listen(8080, () => {console.log('listen port 8080 success');});

启动 dist.ts

node dist.ts

二、使用 angular 推荐的lite-server

安装npm install lite-server

在 package.json 里加入lite-server --baseDir='www'

"scripts": {"lite": "lite-server --baseDir='www'",}

执行npm run lite

三、使用 python3

因为 python3 自带 http 服务，所以可以用 python 搭建网站。

在静态文件目录下执行：python -m http.server 8001

不加 8001 默认 8080 端口。