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