gogo2027

2022年12月7日

摘要：自从webpack4以后，官方帮我们集成了很多特性，比如在生产模式下代码压缩自动开启等，这篇文章我们一起来探讨一下webpack给我们提供的高级特性助力开发。探索webpack的高级特性特性：treeShaking 顾名思义treeShaking，就是摇树，那么体现在代码模块里面就是摇掉那些没有阅读全文

posted @ 2022-12-07 14:01 gogo2027 阅读(35) 评论(0) 推荐(0)

Webpack完整打包流程分析

摘要：前言 webpack 在前端工程领域起到了中流砥柱的作用，理解它的内部实现机制会对你的工程建设提供很大的帮助（不论是定制功能还是优化打包）。下面我们基于 webpack5 源码结构，对整个打包流程进行简单梳理并进行实现，便与思考和理解每个阶段所做的事情，为今后扩展和定制工程化能力打下基础。一、准阅读全文

posted @ 2022-12-07 14:01 gogo2027 阅读(443) 评论(0) 推荐(0)

Webpack插件核心原理

摘要：引言围绕 Webpack 打包流程中最核心的机制就是所谓的 Plugin 机制。所谓插件即是 webpack 生态中最关键的部分，它为社区用户提供了一种强有力的方式来直接触及 webpack 的编译过程(compilation process)。今天，我们来聊聊 Webpack 中必不可少的阅读全文

posted @ 2022-12-07 14:00 gogo2027 阅读(165) 评论(0) 推荐(0)

2022年11月18日

深度解读Webpack中的loader原理

摘要：一、前言 webpack 是一个现代 JavaScript 应用的静态模块打包器。那么 webpack 是怎样实现不同种类资源模块加载的呢？没错就是通过 loader。loader 用于对模块的源代码进行转换。loader 可以使你在 import 或加载模块时预处理文件。我们带着下面几个问题，阅读全文

posted @ 2022-11-18 13:23 gogo2027 阅读(128) 评论(0) 推荐(0)

详解webpack构建优化

摘要：当项目越来越复杂时，会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事，下面我们就从速度和体积两方面来探讨构建优化的策略。分析工具在优化之前，我们需要了解一些量化分析的工具，使用它们来帮助我们分析需要优化的点。 webpackbar webpac 阅读全文

posted @ 2022-11-18 13:22 gogo2027 阅读(437) 评论(0) 推荐(0)

Webpack中的plugin插件机制

摘要：大家有没有遇到过这些问题： webpack 打包之后的文件没有压缩静态文件要手动拷贝到输出目录代码中写了很多环境判断的多余代码上一篇「webpack 核心特性」loader 说到 webpack 的 loader 机制，本文主要聊一聊另外一个核心特性：插件(plugin)。插件机制就是为了阅读全文

posted @ 2022-11-18 13:20 gogo2027 阅读(136) 评论(0) 推荐(0)

2022年11月16日

你需要知道的webpack高频面试题

摘要：谈谈你对webpack的看法 webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。对于不同类型的依赖，webpack有对应的模块加载器，而且阅读全文

posted @ 2022-11-16 15:53 gogo2027 阅读(43) 评论(0) 推荐(0)

手写一个webpack插件

摘要：前言前端性能优化是一个老生常谈的话题，关于性能优化的技术文档和书籍都特别多。如果大家想深入学习前端性能优化相关内容，有以下推荐雅虎军规35条某东上搜“前端性能优化”，书籍也特别多。但是前端性能优化做的所有工作，都和一个灵魂拷问有极大的关系：在浏览器输入url后，发生了什么？首先url是一阅读全文

posted @ 2022-11-16 15:50 gogo2027 阅读(56) 评论(0) 推荐(0)

教你手写webpack常用loader

摘要：前言 webpack 作为目前主流的前端构建工具，我们几乎每天都需要与它打交道。个人认为一个好的开源产品壮大的原因应该包括核心开发者的稳定输出以及对应生态的繁荣。对于生态来说， webpack 是一个足够开放的类库，提供了可插拔的方式去自定义一些配置，包括配置 loader 和 plugin ，本篇阅读全文

posted @ 2022-11-16 15:46 gogo2027 阅读(76) 评论(0) 推荐(0)

2022年11月15日

webpack配置完全指南

摘要：前言对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以下几个方面： entry 、 output 、 mode 、 resolve 、 module 、 opt 阅读全文

posted @ 2022-11-15 12:55 gogo2027 阅读(683) 评论(0) 推荐(0)

公告