1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 运行 dist 打包文件:简单得很!!!

运行 dist 打包文件:简单得很!!!

时间:2018-07-22 14:32:23

相关推荐

运行 dist 打包文件:简单得很!!!

项目打包完成后,会生成 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 打包

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。