Vue项目打包exe格式文件部署实战

最新推荐文章于 2024-07-15 16:50:11 发布

豪代码

最新推荐文章于 2024-07-15 16:50:11 发布

阅读量1k

点赞数 1

分类专栏： Vue 文章标签： vue.js node.js javascript

本文链接：https://blog.csdn.net/weixin_40924043/article/details/119905298

版权

本文详细记录了如何将Vue项目打包成exe文件，适用于Windows平台。首先从electron-quick-start开始，配置Vue项目文件，打包Vue项目到dist文件夹，然后配置electron的main.js和package.json，最后通过electron-packager进行exe文件的打包，分别针对32位和64位系统。

摘要由CSDN通过智能技术生成

最近接了个小活，其中甲方爸爸要求把vue项目打包成exe安装在windows上，其中有也会出现一些小问题和优化，特此记录。笔者安装的HBuilderX

一、准备工作

1.pull electron-quick-start

我们要弄一个electron-quick-start项目用来将vue的包转成exe执行程序，以及一个vue项目。

$ git clone https://github.com/electron/electron-quick-start

二、打包配置

1.配置Vue项目文件

配置Vue项目config/index.js文件

'use strict'
// Template version: 1.3.1
// see http://vuejs-templates.github.io/webpack for documentation.

const path = require('path')

module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: './',                  //修改assetsSubDirectory
    proxyTable: {},

    // Various Dev Server settings
    host: 'localhost&