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

二、使用 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 看到标签
// 改成 就可以了

// 监听端口
app.listen(8080, () => {
  console.log('listen port 8080 success');
});

启动 dist.ts

node dist.ts

简单搭建本地服务器预览打包后的静态文件_第1张图片

二、使用 angular 推荐的 lite-server

安装 npm install lite-server

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

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

执行 npm run lite

简单搭建本地服务器预览打包后的静态文件_第2张图片

你可能感兴趣的:(B-JavaScript)