项目打包完成后，会生成 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 安装下即可

3. 到此，只要在浏览器输入：http://localhost:8012 即可预览 dist 文件夹的打包

戳这：在本机 IIS 上测试 dist 打包