
webpack
文章平均质量分 94
webpack学习及踩坑记录
节省钱
GitHub:https://github.com/Jason-chen-coder
展开
-
【微前端实践】webpack5 + Node.js+ Nacos 搭建微前端应用网络
一、关于Nacos什么是Nacos?官方介绍https://nacos.io/zh-cn/docs/what-is-nacos.htmlNacos 致力于帮助您发现、配置和管理微服务。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据及流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。 Nacos 是构建以“服务”为中心的现代应用架构 (例如微服务范式、云原生范式) 的服务基础设施。简单概括一下Nacos可以做两方面用途:配置服务中心原创 2021-09-07 18:28:49 · 8237 阅读 · 1 评论 -
【微前端】webpack 5 模块联邦实践
背景前端应用、微服务的发展,使得模块化的概念越来越重要。 这也不可避免的会产生再不同的项目会有很多功能相似,甚至完全相同。所以跨应用的代码共享尤为重要,之前我们处理这种问题往往采用,1、功能相似的页面直接赋值方便,不用费脑力直接复用。但这样就会导致项目中代码的复用性低,代码冗余多等问题出现。2、微服务的出现,很多业务一般使用npm 发布的形式管理公共包。我们EDSP前端项目也是用了npm插件形式;但在使用下来我们发现npm 比较适合对业务逻辑耦合小,完全工具类的包。而对于业务逻辑比较繁重,更新频繁的模原创 2021-08-26 17:55:37 · 3441 阅读 · 4 评论 -
Webpack5学习笔记(持续更新)
1:webpack 简介1.1webpack 是什么webpack 是一种前端资源构建工具,一个静态模块打包器(modulebundler)。 在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。 它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)。1.2webpack 五个核心概念1.2.1Entry入口(Entry)指示 webpack 以哪个文件为入口起点开始打包,分析构建内部依赖图。1.2.2Output原创 2021-08-07 10:10:56 · 447 阅读 · 0 评论