项目打包完成后,会生成 dist 文件夹,如何检验 dist 文件夹呢?
1. 一般打包完成后会在项目根目录生成一个 dist 文件夹,此时,我们在项目根目录新建一个 js 文件(我以 server.js 为例)
server.js 中代码如下:
const express = require('express')
const app = express()
const port = 8012 // 自定义端口号(不要与已存在端口冲突)
app.use(express.static('dist')) // dist 是项目的打包资源路径
app.listen(port, () => console.log(`服务器 ${port} 开启成功!`))
注:要改动的就注释的两处:
- port 不要与已存在端口冲突。
- 若打包文件夹 dist 在项目根目录,直接
app.use(express.static('dist'))
就行了;
若打包文件夹 dist 不在项目根目录,就自行调整,如:app.use(express.static('/sty/dist'))
。
2. 在项目根目录下运行 node 命令启动 server.js 文件:
node server.js
成功就会提示服务器开启成功:
如果未开启服务器成功,很可能是因为你没装 express,此时运行npm i express
安装下即可