一个vue-cli 项目同时包含mobile端页面和PC端页面，怎么搞？

我的神

1k10142279

发布于
2018-04-30

我的项目PC端页面已经做好了，用的vue-cli
现在需要做手机端页面，我还打算用vue-cli 所以希望把手机端的页面放在现有PC端项目里完成，不想再新建一个项目。

所以我需要知道webpack 该怎么配置，如何避免代码冗余（比如出现手机端加载了自己没用到的PC端的库）

谢谢大家

前端自动化前端架构 webpack 多页面应用 vue-cli

阅读 6.1k

3 个回答

得票最新

dailyvuejs

1.6k12

发布于
2018-09-16

这种就用多页的架子把，因为模板页面需要分开

可以参考我之前写的多页架子：https://segmentfault.com/a/11...

查看全部 3 个回答

推荐问题

Vue项目devServer proxy配置不生效的排查方法？
可能是哪里配错了，但我看不出问题，希望有人能指出ps：之前看到有帖子说vue2该配置项名为proxyTable，还有devServer应为dev，这两个我都试过了，前者提示没有该配置项
3 回答1.4k 阅读✓ 已解决
webpack reack 老项目升级输出报错？
webpack1.0 直接升到 webpack5.0 各种依赖冲突，已经根据报错提示一个一个慢慢升级完了。在1.0的时候虽然很慢，但是能运行起来的，所以业务逻辑代码肯定是没问题么也动过。现在升级完依赖，改完webpack配置 npm run start 项目启动报错如下：
2 回答1.2k 阅读✓ 已解决
我们应该严格遵守一个组件只有一个根元素吗？
我们应该严格遵守一个组件只有一个根元素吗？相比于一个组件有多个根元素它有什么好的地方和不不好的地方？
2 回答1.5k 阅读
webpack打包时候，splitchunk的cachegroup如果配置了的话，会和external冲突吗？
webpack的splitchunk的cachegroup如果配置了的话，会和external冲突吗，比如引入了axios和lodash，在cachegroup里面配置了，然后同时在external里面配置，会优先取哪个呢
1 回答1.4k 阅读✓ 已解决
webpack 老项目升级，报错排查？
报错信息： {代码...} webpack 全文： {代码...} package.json 全文如下： {代码...} 且已经删除依赖包，清除缓存重新安装过了，.babelrc 配置如下： {代码...} 根据文心一言，chatGPT，通义千问来回改的就是这三个文件，但这个错误始终存在。。。。。请教大佬，到底是哪里的问题？
1 回答1.3k 阅读✓ 已解决
vue2中使用require引入.mp4文件，文件目录下有.pdf文件会报错。该如何解决？
vue2中使用require引入.mp4文件，文件目录下有.pdf文件会报错。但是我删掉pdf文件他就不报错了，但是项目别的地方需要...引用：
1 回答1.3k 阅读✓ 已解决
webpack打包，node_modules/内是软连接，这个是如何找到实体的依赖的呢？
有了pnpm之后，安装的库在node_modules里面是虚拟链接（软连接），然后vite/webpack打包的时候，会自动基于虚拟链接找到三方依赖进行打包没错。
1 回答1k 阅读✓ 已解决

一个vue-cli 项目同时包含mobile端页面和PC端页面，怎么搞？

Vue项目devServer proxy配置不生效的排查方法？

webpack reack 老项目升级输出报错？

我们应该严格遵守一个组件只有一个根元素吗？

webpack打包时候，splitchunk的cachegroup如果配置了的话，会和external冲突吗？

webpack 老项目升级，报错排查？

vue2中使用require引入.mp4文件，文件目录下有.pdf文件会报错。该如何解决？

webpack打包，node_modules/内是软连接，这个是如何找到实体的依赖的呢？