最新 最热

前端工程化 - webpack 基础

默认配置文件 webpack.config.js,可以通过 webpack --config 指定配置文件

2023-05-17
5

Node.js npm基础安装配置&创建第一个VUE项目

( 这里因为我的另一个磁盘分区装了其他OS,只剩C盘了,如果你有其他盘推荐放到其他盘里 )

2023-05-16
2

解决webpack打包静态资源(样式)无法添加厂商前缀-webkit -moz -ms -o的问题

可以设置以下browserlist,现在webpack默认你的项目支持高版本浏览器,我们可以将支持的浏览器覆盖的全面一点就出来前缀了

2023-05-06
3

webpack

webpack支持 ESModule, CommonJS, AMD, Assests

2023-05-04
2

关于webpack loader的那些事儿

最近遇到了一个很特殊的需求,业务代码打包后需要运行在两个不同的环境中,而两个环境中的属性有非常多的差异,我想在打包阶段来处理这些差异,所以就需要自定义一个loader来处理设计到的相关文件,在此之前,得先学习一下loader...

2023-03-23
2

webpack性能优化(1):分隔/分包/异步加载+组件与路由懒加载

webpack ensure相信大家都听过。有人称它为异步加载,也有人说做代码切割,那这个家伙到底是用来干嘛的?其实说白了,它就是把js模块给独立导出一个.js文件的,然后使用这个模块的时候,webpack会构造script dom元素,由浏览器发起...

2023-03-18
2

webpack原理(3):Tapable源码分析及钩子函数作用分析

webpack本质上是一种事件流的机制,它的工作流程就是将各个插件串联起来,而实现这一切的核心就是Tapable,webpack中最核心的负责编译的Compiler和负责创建bundles的Compilation都是Tapable的实例。...

2023-03-18
2

webpack原理(3):Tapable源码分析及钩子函数作用分析

webpack本质上是一种事件流的机制,它的工作流程就是将各个插件串联起来,而实现这一切的核心就是Tapable,webpack中最核心的负责编译的Compiler和负责创建bundles的Compilation都是Tapable的实例。...

2023-03-18
2

webpack原理(2):ES6 module在Webpack中如何Tree-shaking构建

DCE 作用于模块内(webpack 的 DCE 通过 UglifyJS 完成),而 Tree-shaking 则是在打包的时候通过模块之间的信息打包必须的代码。

2023-03-18
2

webpack原理(1):Webpack热更新实现原理代码分析

服务单与客户端通信方式有:ajax 轮询,EventSource、websockt。

2023-03-18
2