vite微前端

src目录用@代替

一、项目背景uniapp+vue3+ts+vite+pinia+vant二、配置在vite.config.ts文件plugins同一层级加resolveexportdefaultdefineConfig
元宵不吃汤圆·2024-01-06 03:45

页面自适应postcss-pxtorem配置

一、项目背景uniapp+vue3+ts+vite+pinia+vant二、安装postcss-pxtoremnpmipostcss-pxtorem三、vite.config.ts配置importpxtoremfrom"postcss-pxtorem
元宵不吃汤圆·2024-01-06 03:44

前端axios封装和跨域问题

项目背景：uniapp+vue3+ts+vite+pinia+vant1.安装axiosnpmiaxios2.封装axios创建一个名为http.ts的文件import{ref}from"vue";importaxiosfrom"axios
元宵不吃汤圆·2024-01-06 03:14

vite搭建vue3、typeScript项目

使用vite搭建vue3、typeScript项目的具体步骤：一、创建项目vite一步步操作1.使用npm：npmcreatevite@latest2.使用yarn：yarncreatevite3.使用
汪叽家的兔子羡·2024-01-05 22:46

新框架又出来了，你还卷的动吗？

官方宣称这是对Vue、React和Svelte等生态系统以及Vite、Next.js和Astro等Web开发框架的彻底改革。特点Nue使用渐进增强
骑着牛的奇兵·2024-01-05 21:43

vue 项目 打包或者本地运行时 通过package.json 修改 环境变量

vue-cli环境变量配置地址vite环境变量配置地址在Vue项目的package.json文件中，您可以使用cross-env包来指定环境变量，以在构建过程中使用特定的配置。
年年CODE·2024-01-05 19:03

【傻瓜式教学】Vite项目中静态资源 动态路径处理（Vite打包后无法显示静态资源）

Bug原因：Vite打包只会处理静态src路径，动态src路径只会原样保留。方法：第一种情况：需要动态指定的资源很少，就那么几个直接使用import引入图片资源，然后添加即可。
小安驾到·2024-01-05 15:40

Vite5 + Vue3 + Element Plus 前端框架搭建

为了开发一套高效使用的Vite5+Vue3+ElementPlus前端框架，你可以按照以下步骤进行。话不多说，先上演示地址：VueShopVite。
xiangzhihong8·2024-01-05 10:59

微前端从零到剖析qiankun源码 -- Module Federation的玩法！

一.为什么会出现ModuleFederation我们用一个图片说明一下关键点每个应用块由不同的组开发TeamATeamB应用或应用块共享其他其他应用块或者库ReactModuleFederation的动机是为了不同开发小组间共同开发一个或者多个应用应用将被划分为更小的应用块，一个应用块，可以是比如头部导航或者侧边栏的前端组件，也可以是数据获取逻辑的逻辑组件什么是模块联邦？我们再用一张图说明一下容器
(° ﾛ °)·2024-01-05 09:26

vite-plugin-federation踩坑

前言项目即将用到vite-plugin-federation，开始参照网上的教程和vite-plugin-federation的官方文档试验最简单的微前端。
yanyihan16·2024-01-05 09:26

angular利用module federation实现微前端 - 创建环境，并子项目暴露出AppModule给主项目使用

本项目使用的angular是15.2.8版本的，npmi@angular/[email protected]为了好演示，两个项目就放在了一个git仓库中，但是两个不同仓库的项目也是可以使用的，原理是一样的1.创建环境创建一个没有项目的空壳子ngnewshell--create-application=false进入到项目文件夹中，添加主应用和子应用1nggapplicationmainnggapplicat
darkeering·2024-01-05 09:53

angular利用module federation实现微前端 - 路由问题

在main项目中，mfe1项目的路由跳转，走的还是main项目的路由，由于没有mfe1的路由前缀，所以路由跳转是失败的1.创建环境在之前的mfe1项目中已经加了test.component组件/**mfe1*app-routing.component.ts*/constroutes:Routes=[{path:'test',component:TestComponent}];/**mfe1*app
darkeering·2024-01-05 09:53

基于npm和module-federation的远程包管理器

基于npm和module-federation的远程包管理器最近做了一个微前端开源项目(webpackagemanager),临近休假先简单的推广一下,节后再继续更新,欢迎大家体验和star,也欢迎沟通讨论
zhanghongen1·2024-01-05 09:22

webpack4 module federation

module-federation是webpack5更新的一项新特性,可以更容易的共享前端代码,本文将介绍@module-federation/webpack-4实现原理及其与webpack5的差异背景在公司内我们搭建了微前端包管理平台
zhanghongen1·2024-01-05 09:52

在 vue/cli 中使用 Module Federation

这通常被称作微前端，但并不仅限于此。我们分为本地模块、远程模块。其中本地模块即为普通模块，是当前构建的一部分；而远程模块不属于当前构建，并在运行时从所谓的容器加载。加载远程模块被认为是异步操作。
文摘资讯·2024-01-05 09:21

Angular 14微前端项目构建

前景知识命令HowtocreateanewremoteusingAngularCLI?(Webpack5ModuleFederationmicrofrontends)ngclingnewnggeneratengnewdashboard--create-application=falsenggenerateapplicationdashboardngnewicrm-regulatory-mansem
lvxinaidou·2024-01-05 09:51

深入了解 Vite：快速、简洁、高效的前端构建工具（下）

个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录四、Vite
阿珊和她的猫·2024-01-05 09:49

Module-Federation[微前端]

Module-Federation微前端简介我们为什么没有延续使用【乾坤】使用Module-Federation优/缺EMP优EMP缺图解DEMO详解`Tips:`[文件资源](https://download.csdn.net
禅思院·2024-01-05 09:18

切换node.js不同版本

切换node.js不同版本因新项目用到vite4创建项目，输入命令后报错，经查询得知是node版本过低导致，所以需要升级node版本，但是又有老的项目需要维护，因此需要多个版本的node使用需求。
joan_85·2024-01-05 09:40

vue3中集成sass实现全局scss样式变量

一、安装sassnpmisass二，在style/variable.scss创建一个variable.scss文件//给项目提供的scss全局变量$mycolor:red;三、在vite.config.ts
EntyIU·2024-01-05 08:01

Vue3中配置env环境变量

就很麻烦，这个时候，就可以提前编写好每个人或者每个后端对应的环境文件，启动的时候指定对应的文件即可这里以开发环境和生产环境为例首先定义两个env文件，格式为，.env.环境名，里边的内容格式为#变量必须以VITE
EntyIU·2024-01-05 08:53

vue3 vite动态路由的问题

因为to.matched未配到路由导致，vue-router.mjs:35[VueRouterwarn]:Nomatchfoundforlocationwithpath"/basedata/psiIntialCustomer/add"加下面的代码，是解决不了问题，因为它只是转向了404页面。constroutes_404={path:"/:pathMatch(.*)*",hidden:true,c
warrah·2024-01-05 04:20

5种呼吸练习让你快速入睡

madame.lefigaro.fr/bien-etre/stress-insomnie-exercices-de-respiration-de-sophrologue-pour-sendormir-plus-vite
小小小桐爸爸·2024-01-05 01:23

史上最全的前端axios和后端跨域配置处理-许锅锅啊

文章目录史上最全的前端axios和后端跨域配置处理安装axios【https://www.axios-http.cn/】封装一个基本的请求js创建remote.ts或者其他文件名使用Vite解决跨域问题解决问题在工程文件夹的根目录新建一个
许锅锅啊·2024-01-04 21:39

vite框架 ssr模型下 设置import.meta.env.MODE参数

ChatGPT（3.5/4.0）国内镜像：https://www.atalk-ai.com/在使用Vite进行服务器端渲染（SSR）时，你可能需要获取当前环境模式（例如开发模式或生产模式）。
ATalk机器人·2024-01-04 19:37

2024新flag

2023flag倒了，2024重新立起来java持续学习，尤其是Springcloud，可以独立写一个Springboot程序数据库，clickhouse，并创建新的日志系统VUE3+TS学习，微前端框架三维
南山老沙·2024-01-04 19:58

vue3 + TS + vite 搭建中后台管理系统（完整项目）

vue3+TS+vite搭建中后台管理系统（完整项目）前言1、搭建步骤及方法2、集成多种插件功能，实现中后台按需使用3、新手学TS如何快速进入状态、定义TS类型4、layout搭建四款常见风格6、大屏搭建效果
前端早间课·2024-01-04 17:31

如何搭建中后台管理系统

vue3+TS+vite搭建中后台管理系统前言1、搭建步骤及方法2、集成多种插件功能，实现中后台按需使用3、新手学TS如何快速进入状态、定义TS类型4、layout搭建四款常见风格6、大屏搭建效果5、vue3
前端早间课·2024-01-04 17:28

react-virtualized报bpfrpt_proptype_WindowScroller引入错误

背景vite构建阶段react-virtualized报错报错信息✘[ERROR]Nomatchingexportin"node_modules/[email protected]@react-virtualized
清羽_ls·2024-01-04 14:07

【Electron】快速建立Vue3+Vite+Electron Ts项目

githttps://github.com/electron-vite/electron-vite-vue创建项目npmcreateelectron-viteorpnpmcreateelectron-vite
春暖花开.,·2024-01-04 09:28

vue3+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307)

ts(2307)解决方法：1、在src文件夹找到vite-env.d.ts加入以下代码：declaremodule"*.vue"{ importtype{DefineComponent}from"vue
春暖花开.,·2024-01-04 09:58

nuxt3 env文件、全局变量处理

nuxt.config.ts+Nuxt提供的钩子函数，实现全局变量的获取runtimeconfigenv文件往runtimeconfig放入内容useAppConfig通过env文件配置来获取服务端全局变量，客户端通过vite.define
寻ing·2024-01-04 09:57

【Electron】Vite+Ts 项目内配置路径别名 “@/“

如果你在Vite项目内使用绝对路径"@/"出现这样报错[plugin:vite:import-analysis]Failedtoresolveimport"@/components/HelloWorld.vue"from"src
春暖花开.,·2024-01-04 09:23

浅了解一下『微前端』

1什么是微前端微前端的核心理念是将前端应用程序看作是一个整体，由多个独立的部分组成。每个部分被视为一个微前端应用，它们可以具有自己的技术栈、开发流程和团队组织。
Xxxxxl17·2024-01-03 22:37

vue3项目创建

安装node.jsvue--version（4.5.0以上）npminstall-g@vue/clivuecreate项目名称npmrundev启动npmrunbuild打包————————vite创建工程
20岁30年经验的码农·2024-01-03 22:00

vite(rollup) build.sourcemap overtime

最近接手一个项目，GitHubActionsCI过程非常慢，影响发布验收流程。一开始以为是资源镜像失败的下载耗时，仔细一看日志，发现卡在了这一步：image-20230203110814100.png生成760个文件的sourcemap耗时15minAddingsourcemapreferences于是把生产环境的构建配置改了，先解决问题（毕竟GithubAction按每分钟费率计费）：build
郑小明·2024-01-03 21:56

Vue3 watch 的使用，如何监听一个对象中的属性值的变化 vue3 + ts + vite

Vue3watch的使用，如何监听一个对象中的属性值的变化由vue2转到vue3+ts+vite之后都不会写这些玩意了。
十月ooOO·2024-01-03 16:24

SVG 文件的引入方式之一：以 URL 的方式引入 SVG 文件，vue2、vue3+Vite vite-svg-loader

SVG文件的引入方式之一：以URL的方式引入SVG文件，vue2、vue3+Vitevite-svg-loader〇、前言：本篇将介绍：vue2使用require()引入svg使用vue3+ts+vite
十月ooOO·2024-01-03 14:01

前端面试--moka

vite为什么比webpack快？webpack把所有文件build一次，从入口文件进去，将所有文件编译为一个或多个单独的js文件，无论模块是否执行，都要编译和打包到这个bundler里面。
L北杳·2024-01-03 13:52

vite 打包二级目录记录

配置首先放一个简单粗暴的方法使用HashRouter，缺点就是路由会带#使用BrowserRouter时需要进行下面配置1、package配置{...other,"homepage":"/web"}2、vite.config
marconiho·2024-01-03 07:12

项目中接入神策埋点

项目中接入神策埋点（免费），react和vue通用1、下包使用npm或yarn或pnpm安装依赖npminstall--savesa-sdk-javascript2、初始化准备：定义环境变量VITE_PROJECT_ENV
阳光下的小蒙·2024-01-03 06:13

vue3+vite 项目常用库

特别注意：需要使用管理员权限来打开命令提示符，不然会出现各种报错yarnnpminstall-gyarnvite1.使用vite创建项目yarncreatevite2.安装包和运行yarnyarndev3
班长胡一可·2024-01-02 22:21

vite4加react18加ts-路由篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；安装reat-router-domnpminstallreat-router-dom
web前端进阶者·2024-01-02 17:37

vite4加react18加ts-状态管理篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；安装npminstall
web前端进阶者·2024-01-02 17:37

vite4加react18加ts-样式隔离篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；方案一：module
web前端进阶者·2024-01-02 17:37

vite4加react18加ts-路由缓存方案篇

vite4加react18加ts-安装篇；最近从vue3转型学习了，react相关技术架构，去有意识的去学习了相关东西，内容比较实用，没有引入太多原理和概念，就是最直接最实用的记录下来；GitHbuhttps
web前端进阶者·2024-01-02 17:02

Vite 配置 Eslint 规范代码

在经历过比较大型的项目协同开发后，代码规范成为了团队协同开发的棘手问题。今天，准备从头整理一份从编辑器->代码编写过程中的规范总结。一、代码风格统一这里推荐使用EditorConfig配置，来规范不同的编辑器，不同的编辑器配置，所造成的代码风格不一致问题。项目根目录创建.editorconfig配置文件#表示是最顶层的EditorConfig配置文件root=true[*]#表示所有文件适用cha
前端小小白zyw·2024-01-02 04:43

2023-09-22 项目升级准备会议

微前端主要解决了两个问题：1、随着项目迭代应用越来越庞大，难以维护。2、跨团队或跨部门协作开发项目导致效率低下的问题。
henrypt·2024-01-02 02:50

新手小白：一文带你用vite从零搭建企业级开发环境

开始接触了前端开发，技术栈主要用的是vue2，但是自己利用时间也学习了vue3，组合式api和vue3的各种生态比vue2好用太多了，特别是状态管理库pinia比vuex简介很多，构建工具也从vue-cli变成了vite
九号新秀·2024-01-01 17:09

（vue3.x+vite）接入代码编辑器codemirror

前端技术社区总目录（订阅之前必须查看该博客）效果预览1：安装依赖npmivue-codemirrornpmi@codemirror/theme-one-darknpmi@codemirror/lang-javascript2：编写代码
GIS之家家长·2024-01-01 14:01
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他