石狮app网站开发,佛山网站建设官网,多语言网站(如何实现网站的多语言版本 ),搜狗关键词优化软件在开发移动端 app 时可以选择原生 app 和 webapp#xff0c; 原生 app 体验好#xff0c;开发成本高#xff0c;相对的 webapp 体验要差#xff0c;开发成本低。webapp 要求很低#xff0c;可以说只要会开发web 站就能开发 webapp#xff0c;这里不讨论怎么选择#xff…在开发移动端 app 时可以选择原生 app 和 webapp 原生 app 体验好开发成本高相对的 webapp 体验要差开发成本低。webapp 要求很低可以说只要会开发web 站就能开发 webapp这里不讨论怎么选择我们讨论怎么将已经开发好的 web 站打包成 webapp。我们以一个热门的 Vue 技术栈的项目举例。技术栈webpackvuevue-routervuex工具HBuilder实际操作安装hbuilderwebpack 打包项目将 webpack 打包的文件导入 HBuilder插上数据线真机调试打包发行安装 HBuilder这里以 Windows 安装 HBuilder 为例安装很简单先下载 HBuilder 安装包然后解压安装包直接运行 HBuilder.exe 执行文件。webpack 打包项目在打包之前一定要修改 config 目录下的 index.js 文件中的 bulid 模块打包配置项否则会出现空白如图图片.png修改前assetsPublicPath /。修改后assetsPublicPath./然后在根目录下执行npm run build会在目录下产生一个 dist 目录dist 目录包含一个 index.html 文件和一个 static 目录如下图图片.png将 webpack 打包的文件导入 HBuilder打开 HBuilder,文件打开目录如下图图片.png然后选择刚才打包的 dist 目录如下图图片.png这时我们在左边的项目管理器下面看到一个 dist 项目但此时 dist 标志是 W表示是 web 站如下图图片.png我们需要将 web 站转换为移动站右键点击 dist,选择转换移动App选项然后就可到此时的标准是一个 A,表示是移动站。插上数据线真机调试插上数据线手机要 usb 调试要确保是打开的然后直接点击运行真机调试启动HBuilder基座设备运行就可以看到运行效果了。打包发行关于怎么打包发行 HBuilder 有详细的文档FAQ1、Vue 项目用 Webpack 打包后导入是 HBuilder 是空白页在打包之前一定要修改 config 目录下的 index.js 文件中的 bulid 模块打包配置项,上文已经提到了。2、error: Loading chunk 2 failed请检查 vue-router 路由配置的模式是不是 hash,如不是改为 hash 模式或者直接把模式配置删除。作者sevdot链接https://www.jianshu.com/p/ba68990c41bc打开App阅读手记
