美文网首页
使用pkg打包vue项目为exe可执行文件

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

作者: 木辛石页 | 来源:发表于2020-05-22 15:46 被阅读0次

    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

    相关文章

      网友评论

          本文标题:使用pkg打包vue项目为exe可执行文件

          本文链接:https://www.haomeiwen.com/subject/pfnqahtx.html