Vue开发跨端应用(四)electron发布web应用并打包app
命令:
npm run build:web
dist里面web就是打包好的网页代码
我们可以复制dist/web文件到my-app/www目录下:
进入my-app目录下运行命令:
cordova run android需要运行安卓模拟器
上面是手动复制到www目录下,接下我们使用代码移动:
返回到根目录执行:
npm i fs-extra -s
修改.electron-vue/build.js
添加app方法
function app () { del.sync(['dist/web/*', '!.gitkeep']) webpack(webConfig, (err, stats) => { if (err || stats.hasErrors()) console.log(err) console.log(stats.toString({ chunks: false, colors: true })) fs.copy('dist/web', 'my-app/www', err => { if (err) return console.error(err) console.log('success!') process.exit() }) }) }
修改package.json,添加方法
先删除my-app/www里面的内退,在根目录下运行,会复制代码到my-app内
运行还是需要跳转到my-app内,执行:
cordova run android