vue-cli+Electron項目，打包的相關配置( win )

原創

ddx2019

2020-07-08 11:55

前言：

這裏是基於之前搭建的一個vue-cli+Electron項目做的相關配置。

項目地址： https://github.com/ddx2019/vue-electron-demo，項目的更多說明信息參考：作者往期文章

一、進行相關配置

在項目根目錄下，新建 vue.config.js 文件，文件內容如下，可據自己的具體情況做相應更改；

vue.config.js文件：

module.exports = {
    publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
    pluginOptions: {
        electronBuilder: {
            builderOptions: {
                'appId': 'wyDemo.com',
                'productName': 'wyDemo', // 項目名，也是生成的安裝文件名，即wyDemo.exe
                'copyright': 'ddx Copyright © 2020', // 版權信息
                'files': [
                    './**/*'
                ],
                'extraFiles': [ // 把指定的資源複製到程序根目錄，即把server文件夾的內容複製到程序根目錄，這裏server文件夾下的內容相當於我的後臺，我在background.js中有相應的處理。
                    './server'
                ],
                'directories': {
                    'output': './dists' // 輸出文件路徑
                },
                'win': { // win相關配置
                    'icon': './favicon.ico', // 圖標，當前圖標在根目錄下，注意這裏有兩個坑
                    "requestedExecutionLevel": "requireAdministrator", //獲取管理員權限
                    'target': [{
                        'target': 'nsis', // 利用nsis製作安裝程序
                        'arch': [
                            'x64', // 64位
                            'ia32'
                        ]
                    }]
                },
                'nsis': {
                    'oneClick': false, // 是否一鍵安裝
                    'allowElevation': true, // 允許請求提升。 如果爲false，則用戶必須使用提升的權限重新啓動安裝程序。
                    'allowToChangeInstallationDirectory': true, // 允許修改安裝目錄
                    'installerIcon': './favicon.ico', // 安裝圖標
                    'uninstallerIcon': './favicon.ico', // 卸載圖標
                    'installerHeaderIcon': './favicon.ico', // 安裝時頭部圖標
                    'createDesktopShortcut': true, // 創建桌面圖標
                    'createStartMenuShortcut': true, // 創建開始菜單圖標
                    'shortcutName': 'wyDemo' // 圖標名稱(項目名稱)
                }
            }
        }
    }
}