目录
步骤:
一、配置 :
情况一:在vue.config.js( Vue2是config/index.js )中添加
情况二:Vite打包
二、打包
检验是否成功
要想将vue的移动端项目打包成手机的app软件apk格式,首先要将项目打包出dist文件。
步骤:
一、配置 :
(一定要配置)
情况一:在vue.config.js
(或者config/index.js
)中添加
module.exports = defineConfig({
publicPath: "./",
outputDir: "dist",
assetsDir:"static",
})
npm run build 打包前一定要配置publicPath: "./",否则白屏,每次改动代码重新打包
如果两个文件都没有,可在与src文件同级目录新建vue.config.js,里面添加以上内容
情况二:Vite打包
在vite.config.js
文件添加base:'./'
,如下,
base:'./'
二、打包
npm run build
检验是否成功
npm run build之后会生成dist文件,进入index.html,运行文件,出现内容则运行成功
若空白查看一下配置,可能是配置有错误,(本人用的情况一配置空白,换成了情况二的配置,成功解决!!)
本人目前仅用过这两种配置,若都不成功,或许还有其他配置,期待分享!!!
文章会不断完善,如有错误,欢迎指点...