秋来九月八

主要介绍以qiankun框架为基础，vite 搭建vue3 项目为主应用，wepack vue2 和 webpack react 搭建的子应用，形成的一个微前端框架。

本文主要介绍微前端框架wujie的使用，这是一个初步的框架搭建版本，主应用是vite vue3 子应用同样也是vite vue3 ，后续会添加更多的子应用到项目中。然后通过我自己的域名的子域名来进行发布，涉及到宝塔面板的使用和跨域Lunix的跨域配置。

之前写过一篇vue3框架的博客，但需要自己搭配路由，vuex，以及eslint等等，今天用最简单的方式，搭建一个vue3全家桶框架。全局安装最近版本的 vue/clihttps://v3.cn.vuejs.org/guide/installation.html#%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7-cliyarn global add @vue/cli# 或npm install -g @vue/cli选好一个文件夹，在地址栏输入cmd，进

Vite官网安装vue的介绍Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。使用 npm：$ npm init @vitejs/app <project-name>$ cd <project-name>$ npm install$ npm run dev或者 yarn：$ yarn create @vitejs/app <project

Dva” 是一个基于 Redux 和 Redux-saga 的状态管理框架，通常用于 React 应用程序。它帮助你更轻松地管理应用程序的状态、副作用和数据流。

postcss-pxtorem 是一个 PostCSS 插件，用于将 CSS 中的像素单位（px）自动转换为 rem 单位。它的目标是帮助开发者在不同设备上实现更好的响应式设计，同时提高代码的可维护性。通过将像素单位转换为相对单位 rem，可以根据根元素的字体大小来动态调整布局尺寸，从而更好地适应不同屏幕尺寸和分辨率。以下是 postcss-pxtorem 的一些主要特点和用法：主要特点：自动转换： 插件会自动扫描 CSS 文件，将所有的像素单位转换为 rem 单位，而不需要手动更改代码。

vue移动端适配方案flexible+px2remLoader使用指南及踩坑根据移动端不同的dpr来做适配是非常必要的，很多时候前端开发对UI设计稿都是凭感觉来做，导致编译完的页面与设计稿或多或少有些出入。造成这种现象就是因为开发人员可能对移动端适配的不重视，为了能够完全按照设计稿的标注来实现，我们接下来介绍一下在vue平台下基于flexible和px2rem-loader的移动端适配方案。

这是一篇搭建react前端项目的详细教学，提供less、antd、ts等技术栈的环境搭建

第一步，安装cnpm,通过淘宝的镜像：npm i -g cnpm --registry=https://registry.npm.taobao.org第二步：设置npm的confignpm config set registry https://registry.npm.taobao.org第三步：安装vue的脚手架npm install -g @vue/cli第四步：设置脚手架的全局cnpm i @vue/cli-init -g第五步：在计算机的高级系统设置中配置vue.cmd文件

Webpack是一个用于打包JavaScript资源的工具，它是目前主流的前端工程化解决方案之一。Webpack可以处理多种类型的资源，并且提供了许多有用的功能，例如代码分割、模块热更新等等。Webpack的基本工作原理是将JavaScript模块打包成一个或多个bundle文件，这些文件可以被网页或其他应用程序使用。Webpack支持多种加载器和插件，以支持各种类型的资源，例如CSS、图片、字体等等。