已有的vue项目如何使用electron打包成桌面应用

这两篇文章写得非常详细，也非常好用，亲测有效
https://www.jianshu.com/p/eaacfc40504d
https://blog.csdn.net/qq_35165004/article/details/80665813

中间遇到的问题，就是vue打包后 资源路径问题
1.修改config-------index.js--------assetsPublicPath: './'

  build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/', //此处改为assetsPublicPath: './'
.............
}

2.build-----------utild.js---------publicPath:'../../'

 if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
       //此处加一句
        publicPath:'../../'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
  }

其实官方还有vue-electron;之前用过一次也是很好用，更简单，但是不知道为什么之前项目抽风抱一堆错误，无奈就换了这一种，感觉也很ok

后面吧vue-electron弄好后，再记录一下