首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
lzg9527
更多收藏集
微信扫码分享
微信
新浪微博
QQ
29篇文章 · 0订阅
阔别两年,webpack 5 正式发布了!
自从 2018 年 2 月,webpack4 发布以来,webpack 就暂时没有更进一步的重大更新,为了保持 API 的一致性,旧的架构没有做太多改变,遗留了很多的包袱。阔别 2 年多后,2020 年 10 月 10 日,webpack 5 正式发布,并带来了诸多重大的变更,…
webpack打包原理 ? 看完这篇你就懂了 !
[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 [实践系列]你能手写一个 Promise 吗?Yes I promise。 有兴趣的同学可以关注 [实践系列] 。 求 star 求 follow~ 入口起点(entry point)指示 webpack 应该使用哪个…
五种可视化方案分析 webpack 打包性能瓶颈
在上两章节中我们已经介绍过了 JavaScript 打包机制 以及 webpack 所有的内置配置,但当项目业务功能达到一定规模时,默认的配置已经不足以满足开发、用户的期望,我们就需要对 webpack 配置进行优化。 如何知道具体该如何优化喃,最直观的方式是分析它的输出文件,…
快速打造 react 后台管理系统
react-admin 是由 create-react-app 脚手架快速构建,基于 React 生态系统搭建的后台管理系统模板。实现了登陆/注销、路由懒加载、axios封装、简单权限管理等功能,它可以帮助你快速生成管理系统模板,你只需要添加具体业务代码即可 打造一个任何一个项…
手写webpack核心原理,再也不怕面试官问我webpack原理
需要读到入口文件里面的内容。 分析入口文件,递归的去读取模块所依赖的文件内容,生成AST语法树。 我们创建了add.js文件和minus.js文件,然后 在index.js中引入,再将index.js文件引入index.html。 现在我们打开index.html。你猜会发生什…
2020年了,再不会webpack敲得代码就不香了(近万字实战)
2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中,我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷),那么你必须去深…
webpack从入门到进阶
在我们平时的开发中,会经常使用到webpack,但很多时候我们都不做任何配置(webpack4)也可以进行开发,但是默认的配置真的够我们使用了吗?所以本文将带你开启webpack的大门。 本身是一个函数,接受源文件作为参数,返回转换的结果。 ⽂件监听是在发现源码发⽣变化时,⾃动…
webpack4.x最详细入门讲解
本文主要从webpack4.x入手,会对平时常用的Webpack配置一一讲解,各个功能点都有对应的详细例子,所以本文也比较长,但如果你能动手跟着本文中的例子完整写一次,相信你会觉得Webpack也不过如此。 简单来说,它其实就是一个模块打包器。 如果像以前开发时一个html文件…
一文速览Webpack
1. 核心概念 模块,在Webpack里一切皆模块,一个模块对应一个文件。Webpack会从配置的entry开始递归找出所有依赖的模块; 总结: Webpack在启动后会从Entry里配置的Module开始,递归解析Entry依赖的所有Module。每找到一个Module,就会…
你可能不知道的9条Webpack优化策略
webpack的打包优化一直是个老生常谈的话题,常规的无非就分块、拆包、压缩等。 本文以我自己的经验向大家分享如何通过一些分析工具、插件以及webpack新版本中的一些新特性来显著提升webpack的打包速度和改善包体积,学会分析打包的瓶颈以及问题所在。 webpack 有时候…