更好的构建 Node 服务的工具

更好的构建 Node 服务的工具

无论前端项目在打包后都发送给后台， 有时候自己想看看效果在运行 npm run build 后只是看到一个 build 文件夹，但是直接打开是无法浏览，因此需要开启一个服务来运行该项目。

推荐使用 serve-static

官网 Demo

推荐操作步骤

在 build 目录下新建一个 public 文件夹
在 public 目录下新建一个 ftp 文件夹
把 build 目录下所有的文件移入 ftp 文件夹中
然后在 build 目录下新建一个 index.js 文件内容代码如下

var finalhandler = require('finalhandler')
var http = require('http')
var serveStatic = require('serve-static')
 
// Serve up public/ftp folder
var serve = serveStatic('public/ftp', {'index': ['index.html', 'index.htm']})
 
// Create server
var server = http.createServer(function onRequest (req, res) {
  serve(req, res, finalhandler(req, res))
})
 
// Listen
server.listen(5000, () => {console.log('running 5000')})

完成上述工作， 还需要安装两个插件

1. npm run finalhandler

2. npm run serve-static

安装成功后运行 node index.js 打开 localhost:5000 页面就能得到效果