上一页 1 2 3 4 5 6 7 ··· 9 下一页
摘要: 自从webpack4以后,官方帮我们集成了很多特性,比如在生产模式下代码压缩自动开启等,这篇文章我们一起来探讨一下webpack给我们提供的高级特性助力开发。 探索webpack的高级特性 特性:treeShaking 顾名思义treeShaking,就是摇树,那么体现在代码模块里面就是摇掉那些没有 阅读全文
posted @ 2022-12-07 14:01 gogo2027 阅读(35) 评论(0) 推荐(0)
摘要: 前言 webpack 在前端工程领域起到了中流砥柱的作用,理解它的内部实现机制会对你的工程建设提供很大的帮助(不论是定制功能还是优化打包)。 下面我们基于 webpack5 源码结构,对整个打包流程进行简单梳理并进行实现,便与思考和理解每个阶段所做的事情,为今后扩展和定制工程化能力打下基础。 一、准 阅读全文
posted @ 2022-12-07 14:01 gogo2027 阅读(443) 评论(0) 推荐(0)
摘要: 引言 围绕 Webpack 打包流程中最核心的机制就是所谓的 Plugin 机制。 所谓插件即是 webpack 生态中最关键的部分, 它为社区用户提供了一种强有力的方式来直接触及 webpack 的编译过程(compilation process)。 今天,我们来聊聊 Webpack 中必不可少的 阅读全文
posted @ 2022-12-07 14:00 gogo2027 阅读(165) 评论(0) 推荐(0)
摘要: 一、前言 webpack 是一个现代 JavaScript 应用的静态模块打包器。那么 webpack 是怎样实现不同种类资源模块加载的呢? 没错就是通过 loader。loader 用于对模块的源代码进行转换。loader 可以使你在 import 或加载模块时预处理文件。 我们带着下面几个问题, 阅读全文
posted @ 2022-11-18 13:23 gogo2027 阅读(128) 评论(0) 推荐(0)
摘要: 当项目越来越复杂时,会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事,下面我们就从速度和体积两方面来探讨构建优化的策略。 分析工具 在优化之前,我们需要了解一些量化分析的工具,使用它们来帮助我们分析需要优化的点。 webpackbar webpac 阅读全文
posted @ 2022-11-18 13:22 gogo2027 阅读(437) 评论(0) 推荐(0)
摘要: 大家有没有遇到过这些问题: webpack 打包之后的文件没有压缩 静态文件要手动拷贝到输出目录 代码中写了很多环境判断的多余代码 上一篇 「webpack 核心特性」loader 说到 webpack 的 loader 机制,本文主要聊一聊另外一个核心特性:插件(plugin)。 插件机制就是为了 阅读全文
posted @ 2022-11-18 13:20 gogo2027 阅读(136) 评论(0) 推荐(0)
摘要: 谈谈你对webpack的看法 webpack是一个模块打包工具,可以使用它管理项目中的模块依赖,并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件(图片,字体)等,让开发更高效。对于不同类型的依赖,webpack有对应的模块加载器,而且 阅读全文
posted @ 2022-11-16 15:53 gogo2027 阅读(43) 评论(0) 推荐(0)
摘要: 前言 前端性能优化是一个老生常谈的话题,关于性能优化的技术文档和书籍都特别多。如果大家想深入学习前端性能优化相关内容,有以下推荐 雅虎军规35条 某东上搜“前端性能优化”,书籍也特别多。 但是前端性能优化做的所有工作,都和一个灵魂拷问有极大的关系: 在浏览器输入url后,发生了什么? 首先url是一 阅读全文
posted @ 2022-11-16 15:50 gogo2027 阅读(56) 评论(0) 推荐(0)
摘要: 前言 webpack 作为目前主流的前端构建工具,我们几乎每天都需要与它打交道。个人认为一个好的开源产品壮大的原因应该包括核心开发者的稳定输出以及对应生态的繁荣。对于生态来说, webpack 是一个足够开放的类库,提供了可插拔的方式去自定义一些配置,包括配置 loader 和 plugin ,本篇 阅读全文
posted @ 2022-11-16 15:46 gogo2027 阅读(76) 评论(0) 推荐(0)
摘要: 前言 对于入门选手来讲,webpack 配置项很多很重,如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单,基础的配置可以分为以下几个方面: entry 、 output 、 mode 、 resolve 、 module 、 opt 阅读全文
posted @ 2022-11-15 12:55 gogo2027 阅读(683) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 7 ··· 9 下一页