美文网首页
electron打包之vue.config.js配置

electron打包之vue.config.js配置

作者: 青乌 | 来源:发表于2022-05-18 09:58 被阅读0次
    • 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, // 创建开始菜单图标
                    }
                },
            }
        }
    };
    

    相关文章

      网友评论

          本文标题:electron打包之vue.config.js配置

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