electron打包之vue.config.js配置

  • Mac图标尺寸512 * 512,Win图标尺寸256 * 256
  • extraResources配置额外的node依赖包,解决打包后缺少依赖包的问题
const Timestamp = new Date().getTime();
module.exports = {
    publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
    lintOnSave: false,
    outputDir: "dist",
    assetsDir: "static",
    indexPath: "index.html",
    css: {
        loaderOptions: {
            scss: {
                additionalData: `@use "@/style/common.scss" as *;`,
            },
        },
    },
    configureWebpack: {
        // webpack 配置
        output: {
            // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
            filename: `static/js/[name].${process.env.VUE_APP_Version}.${Timestamp}.js`,
            chunkFilename: `static/js/[name].${process.env.VUE_APP_Version}.${Timestamp}.js`,
        },
    },
    devServer: {
        disableHostCheck: true,
        //跨域
        /*proxy: {
            '/proxy': {
                target: "http://192.168.01.02:8080", //接口域名
                changeOrigin: false, //是否跨域
                ws: false, //是否代理 websockets
                secure: false, //是否https接口
                pathRewrite: { //路径重置
                    '^/proxy': ''
                }
            },
        },*/
    },
    pluginOptions: {
        electronBuilder: {
            nodeIntegration: true,
            // 打包参数配置
            builderOptions: {
                productName: "xxxx", // 应用名称
                asar: false,
                copyright: "2020-2030",
                directories: {
                    output: "dist_electron" // 输出文件夹
                },
                extraResources: [{
                        from: "./node_modules/fabric-network",
                        to: "app/node_modules/fabric-network",
                        filter: ["**/*", "!test/*"]
                    },
                    //...所有依赖包
                ],
                mac: {
                    icon: "./src/assets/logo.png", //图标路径
                },
                win: {
                    icon: "./public/favicon.ico", //图标路径,
                    target: [{
                        target: 'nsis', // 利用nsis制作安装程序
                        'arch': [
                            'x64', // 64位
                            'ia32'
                        ]
                    }]
                },
                nsis: {
                    oneClick: false, // 一键安装
                    perMachine: true, // 是否开启安装时权限限制(此电脑或当前用户)
                    allowElevation: true, // 允许请求提升。 如果为false,则用户必须使用提升的权限重新启动安装程序。
                    allowToChangeInstallationDirectory: true, // 允许修改安装目录
                    installerIcon: "./public/favicon.ico", // 安装图标
                    uninstallerIcon: "./public/favicon.ico", //卸载图标
                    installerHeaderIcon: "./public/favicon.ico", // 安装时头部图标
                    createDesktopShortcut: true, // 创建桌面图标
                    createStartMenuShortcut: true, // 创建开始菜单图标
                }
            },
        }
    }
};
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容