【项目与工程】移动端中的webview项目文件如何进行组织分布与维护

如题,移动端有一些相互较为独立的webview项目(或者叫小页面合适)
公用一套配置好的基础的 vue-cli (脚手架)

要如何公用?


换句话说、
有一些零碎页面A, 需要基于脚手架做,
有一些零碎页面B,也需要基于这个脚手架做,

然后并不希望每一些零碎页面都 copy 出一个仓库/文件夹/项目出来 ;


期望类似于Vue项目中的pagespages中有很多页面,这些页面都公用这个vue项目的一些基础配置,问题是如果单纯像这样的话要执行npm run build时,会打包所有的页面(其实各个页面是独立的,并不需要全部打包),显得有些冗余。如何优化更为合适?

阅读 2.6k
3 个回答

直接使用 webpack 的 entry 分离即可,不同页面会独立打包,不会包含非本页需要的代码。

可以在打包的时候加个参数npm run build --test 根据不同参数引入路由,打包的时候就不会把不必要的路由引入,打包应该就不会把没引入路由的页面打包(我尝试减少引入路由的时候,打包后的体积是会减少)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题