首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack搭建学习
订阅
哆啦A梦挖金
更多收藏集
微信扫码分享
微信
新浪微博
QQ
13篇文章 · 0订阅
微前端实践--webpack5模块联邦
webpack5推出一个新功能叫module federation,意为模块联邦,它提供了一套在不同项目构建之间模块的调度、运行机制。很像微前端,但又不限于此。本文结合案例介绍它的基本应用和原理
23. 模块联邦
一、不同的方式共享模块 1. NPM 方式共享模块 正常的代码共享需要将依赖作为 Lib 安装到项目,进行 Webpack 打包构建再上线。 如下图,对于项目 Home 与 Search,需要共享一个
Webpack组件库打包超详细指南
组件库的封装,是一个前端开发的日常工作之一,本文介绍了从零开始,用Webpack打包一个组件库的过程。
关于webpack4的14个知识点,童叟无欺
没有什么比时间更具有说服力了,因为时间无需通知我们就可以改变一切。 Webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使…
react-router4 实现按需加载
按需加载的背景 React Router 是一个非常出色的路由解决方案,同时也非常容易上手。但是当网站规模越来越大的时候,首先出现的问题是 Javascript 文件变得巨大,这导致首页渲染的时间让人难以忍受。实际上程序应当只加载当前渲染页所需的 JavaScript,也就是大…
从今天开始,学习Webpack,减少对脚手架的依赖(下)
答:适合没接触过Webpack或者了解不全面的人。 答:先介绍背景,由背景引入Webpack的概念,进一步介绍Webpack基础、核心和一些常用配置案例、优化手段,Webpack的plugin和loader确实非常多,短短2w多字还只是覆盖其中一小部分。 PWA全称Progre…
请用心练完这16个webpack小例子
16个demo,webpack+react搭配使用首先教大家2个新技能 1.按照正常github地址情况下,你的github本身不能访问目录。 例如要访问vue-demo下的vueCpu文件夹:https://github.com/holidaying/vue-demo/vue…
一步步从零开始用 webpack 搭建一个大型项目
想要学好 webpack,我们首先要了解 webpack 的机制,我们先从js加载css开始学习。 bundle 是一个立即执行函数,可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置,还要对它的原理一起了解,只有学到框架的精髓,我们才能应对如…
webpack:从入门到真实项目配置
自从出现模块化以后,大家可以将原本一坨代码分离到个个模块中,但是由此引发了一个问题。每个 JS 文件都需要从服务器去拿,由此会导致加载速度变慢。Webpack 最主要的目的就是为了解决这个问题,将所有小文件打包成一个或多个大文件,官网的图片很好的诠释了这个事情,除此之外,Web…