在项目根目录,复制index.html,改为mobile.html,同时把mobile.html 里的id 改为 mobile

-
复制main.js 和 app.vue, 在同级目录下改为mobile.js,mobile.vue,同时修改里边的文件引用和
new Vue时的el绑定为mobile

-
修改webpack.base.conf.js,添加mobile入口

-
修改webpack.dev.conf.js,引入mobile.html

-
修改webpack.prod.conf.js


- 修改config/index.js,增加打包生成的入口文件

配置完成,启动项目,默认地址为http://localhost:8081/#/,mobile地址为http://localhost:8081/mobile.html#/
本文档详细介绍了如何在项目中进行移动适配配置,包括复制并修改HTML、JS和Vue文件,调整Webpack配置以及更新打包入口。完成配置后,项目将以http://localhost:8081/#/为默认地址,而移动页面可通过http://localhost:8081/mobile.html#/访问。
3405

被折叠的 条评论
为什么被折叠?



