首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
工程化
订阅
zedyang
更多收藏集
微信扫码分享
微信
新浪微博
QQ
7篇文章 · 0订阅
一文带你读懂webpack的知识和原理,附带常见面试题!
在前端技术发展日新月异的今天,前端工程化已经成了每个前端工作/学习者的必备知识,一文带你吃透webpack
最终鼓起勇气把公司五年的webpack老项目改成了vite
1. 项目较早 + 代码量大 + 插件类库版本低 + 各个节点优化空间逐渐变小 2. 为接下来Pro工程瘦身做准备; *造成的困扰:* PS:在以上问题的基础上,webpac
webpack详解
webpack是现代前端开发中最火的模块打包工具,只需要通过简单的配置,便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置,便可以轻松实现对代码的构建呢? Plugins:Loaders将各类型的文件处理成webpack能够处理的模块,plugins有着很强的能力。…
一步一步的了解webpack4的splitChunk插件
webpack4出了两个月,发现大家包括我对splitChunk的使用都还是在摸索阶段。我也看了挺多别人的配置demo,都觉得不太满意或者没得到太好的解惑,issue 下面的问题也没什么人回复,只能自己操作了,顺便记录下来,如果大家有更好的,欢迎评论区留下地址。 maxAsyn…
webpack是如何实现动态导入的
在单页应用中,经常使用 webpack 的 动态导入 功能来异步加载模块,从而减少部分文件的体积。我们可以通过webpack 提供的 import() 和 require.ensure 两个 API 来使用该功能。由于两个方法根本实现都是相同的,本文的示例都基于 import(…
webpack loader和plugin编写
首先我们先回顾一下webpack常见配置,因为后面会用到,所以简单介绍一下。 这里面我们重点关注 module和plugins属性,因为今天的重点是编写loader和plugin,需要配置这两个属性。 通过逐层识别模块依赖。(Commonjs、amd或者es6的import,w…
带你深度解锁Webpack系列(优化篇)
带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇),主要是讲解了 Webpack 的配置,但是随着项目越来越大,构建速度可能会越来越慢,构建出来的js的体积也越来越大,此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…