如何打包vue-cli项目
2018-10-16 18:40
666 查看
版权声明:版权声明:本文为博主原创文章,未经博主允许不得转载,转载请务必注明出处! https://blog.csdn.net/return_js/article/details/83095582
如何把vue项目打包成apk?请按照以下步骤执行。。。
ps:本人用的是HBuilder编辑器
- 首先npm run dev跑一下项目看有没有报错。
- 然后在项目中的config文件夹中找到index.js文件,
在文件中找到 build: {assetsPublicPath: ‘/’,},路径设置为 assetsPublicPath: ‘./’。 - 然后npm run build打包一下项目,会生成一个dist文件夹。
- 然后用HBuilder打开一个目录选中这个dist文件。
- 然后右键这个新建文件夹,看到有个提示信息"转换成移动APP"点击。此时图标会变成一个A就是打包成功。
- 然后点击发行,发行为原生安装包,进行打包即可。
相关文章推荐
- vue-cli脚手架构建了项目如何去除Eslint验证(语法格式验证)
- vue-cli 项目打包 npm run build
- vue脚手架(vue-cli)如何搭建项目
- vue-cli 构建的项目中如何使用 Less
- 如何使用vue-cli生成项目
- vue-cli项目以及普通静态网页如何部署到github pages
- Vue-cli创建项目从单页面到多页面3-关于将打包后的项目文件不放在根目录下
- vue项目如何打包扔向服务器
- vue-cli项目打包出现空白页和路径错误问题
- vue-cli项目打包后图片路径问题
- 如何Vue-cli开始使用在Vue.js项目中启动TDD(测试驱动开发)
- 如何在局域网中访问vue-cli项目
- 解决vue-cli项目打包出现空白页和路径错误的问题
- 如何降低Vue.js项目中Webpack打包文件的大小?
- 详解基于Vue-cli搭建的项目如何和后台交互
- vue cli构建的项目中请求代理与项目打包问题
- (vue:案例02) vue-cli 如何搭建项目
- vue-cli项目代理proxyTable如何配置exclude
- 详解如何使用Vue-cli搭建Vue项目
- vue-cli构建项目 npm run build打包后怎么在本地查看效果