1、使用vue-cli搭建vue项目
2、在项目目录下,新建service文件夹并新建service.js
3、步骤2目的:在本地启动express静态服务器,可以在本地访问自己的网站
service.js
const express = require('express');
const app = express();
const path = require('path');
app.use(express.static(path.join(__dirname,'../dist');
注意: dist是npm run build 打包后生成的目录, 因为我是创建在service文件夹下面的,所以是../dist
app.listen(8889, '127.0.0.1')
console.log('服务器开启成功');
4、需要安装 pkg 将service.js和dist目录打成成exe可执行文件
5、安装pkg,命令如下:
npm install -g pkg
6、修改package.json文件
{
//其他配置项
"bin": "./service/service.js",//指定入口文件
"pkg": {
"assets": [
"dist/**/*"//指定要打包的静态文件目录
]
}
}
7、打包成可执行文件命令
pkg -t win package.json
8、有的时候打包命令会出错
解决办法: 清空下面文件夹中的内容,重新打包
网友评论