vue项目npm run build打包dist文件及打包后空白解决办法
前言
要想将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,运行文件,出现内容则运行成功
若空白查看一下配置,可能是配置有错误,(本人用的情况一配置空白,换成了情况二的配置,成功解决!!)
总结
到此这篇关于vue项目npm run build打包dist文件及打包后空白解决办法的文章就介绍到这了,更多相关vue打包dist文件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
vue form表单使用resetFields函数出现的问题
这篇文章主要介绍了vue form表单使用resetFields函数出现的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-05-05element-ui中select组件绑定值改变,触发change事件方法
今天小编就为大家分享一篇element-ui中select组件绑定值改变,触发change事件方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
最新评论