【记录】electron打包配置

最新推荐文章于 2024-07-17 22:34:08 发布

m0_54030706

最新推荐文章于 2024-07-17 22:34:08 发布

阅读量205

点赞数 2

文章标签： electron javascript 前端

本文链接：https://blog.csdn.net/m0_54030706/article/details/140105173

版权

这是vue.config.js里配置electron-builder打包的主要属性

module.exports = {
  publicPath: process.env.NODE_ENV === 'development' ? '/' : './',
//打包之后路由得换成hash路由
  transpileDependencies: true,
  pluginOptions:{
    electronBuilder: {
      nodeIntegration:true,//是否在渲染进程中使用node.js的api
      builderOptions: {
        appId: 'com.can2.0.app',//app的唯一标识符
        productName: 'can2.0',//app的名字
        copyright: '',//版权信息
        extraResources: [{
          from: './src/assets',
          to: 'static'
        }],//将静态资源单独打包到某个指定文件夹
        win: {//打包的系统类型，这里时windows系统
          icon: './logo.ico',//这个是程序的图标，该图标得放到和vue.config.js同级目录下的
          target: [{
            target: 'nsis',
            arch: [
              'x64',//打包的window系统的什么位，x86/x64
            ]
          }]
        }
      }
    }

打包出现白屏，解决如下

*router/index.js
const router = createRouter({
  history: process.env.NODE_ENV === 'development' ? createWebHistory()
    : createWebHashHistory(process.env.BASE_URL), //开发环境
  routes
})