![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 92
weixin_43844392
这个作者很懒,什么都没留下…
展开
-
vite 原理解析与实践
vite 原理解析与实践vite 是什么?Vite (法语意为 “快速的”,发音 /vit/) 是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可以输出用于生产环境的优化过的静态资源。Vite 意在提供开箱即用的配置,同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性,并有原创 2021-06-10 10:50:02 · 1101 阅读 · 0 评论 -
深入浅出 sideEffects
前言最近在给团队对 webpack 中的 sideEffects 字段用途进行微分享,于是乎,我最后就整理成一篇文章,希望帮助更多的人理解 sideEffects 的作用。sideEffects 是什么呢?我用一句话来概括就是:让 webpack 去除 tree shaking 带来副作用的代码。听起来有点绕口,让我们划出重点:tree shaking/用法/副作用tree shakingtree shaking 是一种代码优化技术,它能够将无用的代码进行去除,下面举个简单的例子:转载 2021-05-14 14:10:24 · 382 阅读 · 0 评论 -
webpack 学习(一)前端常用的模块化设计模式之ES6 module
在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代现有的 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案。ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。// CommonJS模块let { stat, exists, readFile } = require('fs');/转载 2020-07-31 19:52:47 · 388 阅读 · 0 评论 -
webpack 学习(一)前端常用的模块化设计模式之AMD
AMD(异步模块定义)是为浏览器环境设计的,因为 CommonJS 模块系统是同步加载的,当前浏览器环境还没有准备好同步加载模块的条件。AMD 定义了一套 JavaScript 模块依赖异步加载标准,来解决同步加载的问题。模块通过 define 函数定义在闭包中,格式如下:define(id?: String, dependencies?: String[], factory: Function|Object);id 是模块的名字,它是可选的参数。dependencies 指定了所要依赖的模块列转载 2020-07-31 17:53:29 · 305 阅读 · 0 评论