用pkg把你的前端项目打包成exe可执行文件,一键启动

746 阅读1分钟

项目做完了,因为甲方没有前端,就算把前端项目给对方,对方也不太会搭建环境运行。如果部署到阿里云线上,老板又担心会泄露机密之类的,所以老板问我能不能把前端项目做成能够一键启动的傻瓜式程序,然后让甲方直接一键启动运行就能预览前端项目。

我:

image.png

问号归问号,我还真找到办法解决了。

首先全局安装pkg

npm i pkg -g

然后在你的项目的根目录新添加一个service.js,用express托管你的静态文件。

//service.js

const express = require('express');
const app = express();
const path = require('path');

app.use(express.static(path.join(__dirname,'./dist')))

app.listen(80, '127.0.0.1')
console.log('running http://127.0.0.1');

在你的package.json添加一个打包命令

//package.json

  "bin": "./service.js",
  "pkg": {
      "assets": [
          "dist/**/*"
      ]
  }

然后开始打包成exe程序,记得把你的前端项目提前打包成dist。

pkg -t win package.json

然后经过漫长的等待,就打包成exe文件了,(这里可能会失败,失败就多试几次,或者用管理员身份运行)。

此时启动。

image.png

image.png 然后只需要把它发给甲方,甲方一键启动,访问地址,就可以看到效果了。