美文网首页
前端单项目多模块管理

前端单项目多模块管理

作者: Jinweb | 来源:发表于2023-09-24 14:44 被阅读0次

背景

存在这么一个项目,需要被其他模块使用,本身也是一个单页应用,可以单独访问。其中 “其他模块” 存在以下问题

  1. 包含2个rem标准;
  2. 一个是历史项目使用的是原生JS+JQuery 包含很多历史的代码,不敢乱动
    另外一个是新框架(vite+Vue3+ts)

解决方案

  • 微前端
    • qiankun
    • qiankun + web-component
    • 问题与结论
  • web-component
    • 两个vite.config.ts
    • monorepo
    • 问题与结论

总结

相关文章

  • vue后台管理系统实践方案总结

    这个是一个电商管理系统的前端项目的笔记,这个项目主要包括登录/退出功能、主页布局、用户管理模块、权限管理模块、分类...

  • 第九天 单页多应用及前端框架JM介绍

    1、单页多应用: 通过异步传输功能实现单页多模块,所谓单页多模块就是在一个地址下可以实现多个功能 2、前端实现可通...

  • Vue插件(vxe-table)

    今天终于解决了前端使用vue开发中遇到的路由,状态管理以及多模块跨域的问题。根据需求,项目中将用到很多的表格,基础...

  • 说说你对webpack的理解?解决了什么问题

    一、背景 Webpack 最初的目标是实现前端项目的模块化,旨在更高效地管理和维护项目中的每一个资源 模块化 最早...

  • Maven pom 中配置依赖机制

    依赖管理是 Maven 的一个核心特性。管理单个项目的依赖关系非常简单。管理由数百个模块组成的多模块项目和应用程序...

  • 前端模块化历史演进

    模块化开发是当下最重要的前端开发规范之一,随着前端项目日益复杂,项目代码已经膨胀到需要花费大量时间去管理的程度,模...

  • Webpack - 基本配置

    webpack - 最热门的前端资源模块化管理和打包工具 简单设置(单页面) 先安装webpack npm ins...

  • package-lock.json的作用

    前言 模块化开发在前端越来越流行,使用 node 和 npm 可以很方便的下载管理项目所需的依赖模块。packag...

  • npm和bower

    npm属于node模块的管理器。 spm和bower是前端模块管理。 bower 的话,从一开始,就是专门为前端表...

  • vue 开发工具安装介绍

    vue 开发工具安装介绍 npm(node包管理工具) 前端项目框架和模块的下载管理工具,类似后台maven工具,...

网友评论

      本文标题:前端单项目多模块管理

      本文链接:https://www.haomeiwen.com/subject/bpnfbdtx.html