Vue开发跨端应用(四)electron发布web应用并打包app

来源:互联网 发布:mysql between and 编辑:程序博客网 时间:2024/06/05 03:06

命令:

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


阅读全文
0 0