使用pkg打包vue项目为exe可执行文件

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、有的时候打包命令会出错

1.jpg

解决办法: 清空下面文件夹中的内容，重新打包

2.jpg