文章 2024-09-27 来自:开发者社区

webpack实战之手写一个loader和plugin

序言 对于 webpack 来说, loader 和 plugin 可以算是需求程度最为广泛的配置项了。但是呢,单单止步于配置可能还不够。如果我们自己有时候想要 diy 一个需求,但是 webpack 又没有相关的 loader 和 plugin 。那这个时候我们可能就得开始造点轮子来供给自己使用了。 因此,在今天的文章当中,将带领大家手写一个简易的 loader 和 plugin ,并学会如何....

webpack实战之手写一个loader和plugin
文章 2024-09-27 来自:开发者社区

万字总结webpack实战案例配置

序言 在前面的两篇文章中,我们讲解了 webpack 的入门知识。但是呢,入门知识了解了之后,总得应用到具体的案例当中来。 因此,在下面的这篇文章中,将带领大家来了解关于 webpack 的一些实战案例配置,包括第三方库、 PWA 、 ts 的打包配置,以及 WebpackDevServer 的进阶操作,还有需重点掌握的,关于 webpack 如何做性能优化处理这个问题。 下面开始本文的介绍~ ....

万字总结webpack实战案例配置
文章 2024-04-28 来自:开发者社区

webpack实战——手写常用plugin

前言 在上篇文章 webpack loader实战——手撕8个常用loader 中,我们主要介绍了 loader 的实现。 loader 主要做的事情是针对某一类型的文件进行特定的处理,在 webpack 中, plugin 主要做的事情围绕着整一个构建的过程。基于 tapable 的钩子机制,开发者可以在众多构建环节中注册相关的事件,依托于 webpack 提供的构建上下文,来对打包结...

webpack实战——手写常用plugin
文章 2024-04-28 来自:开发者社区

webpack loader实战——手撕8个常用loader

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

webpack loader实战——手撕8个常用loader
文章 2023-10-19 来自:开发者社区

前端AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(一)

写在开始学习完了前端三件套(HTML、CSS、JavaScript),在进行框架学习之前,我们还需要学习一些前置知识,在当下,我们将初步进行“前后端交互”、感知“前端工程化”;在未来,它将伴随,并推进,整个的前端框架学习过程;……我们继续跟随黑...

前端AJAX入门到实战,学习前端框架前必会的(ajax+node.js+webpack+git)(一)
文章 2023-09-15 来自:开发者社区

实战webpack类另类技巧

项目地址:aHR0cHM6Ly93ZWIuZXd0MzYwLmNvbS9yZWdpc3Rlci8jL2xvZ2luP19rPXduaXB6Ng==观前提示:本文章仅供学习交流,切勿用于非法通途,如有侵犯贵司请及时联系删除 前言此方法受志远大佬启发 nb就完事了编程喵交流群:747776374一般遇到打包js我们都会很头疼 因为它的套娃模式...

实战webpack类另类技巧
文章 2023-02-16 来自:开发者社区

【Vue五分钟】五分钟了解webpack实战配置案例详情

1.library打包接下来讲怎么打包类库文件 library(里面有几个 JS 文件, index.js 将这些文件里面的方法导出给其它引入这个库的文 件使用),当然了这个肯定不能直接被使用,还是需要安装 配置 webpack 什么的。const path = require( 'path'); mo...

【Vue五分钟】五分钟了解webpack实战配置案例详情
文章 2023-01-15 来自:开发者社区

网站性能优化实战之—— gzip (webpack, vite 开启gzip 部署)

这些天个人博客网站终于写好了,使用的技术是react17 + vite + redux + saga + ts等,后台使用的是 node + koa + mysql + ts ,前台地址是: http://blogs.chenliangliang.top/前端代码地址: ...

网站性能优化实战之—— gzip (webpack, vite 开启gzip 部署)
文章 2022-10-23 来自:开发者社区

WebPack实战 WebPack打包Vue项目

一、使用webpack来进行vue-cli模块化开发使用vue-cli创建项目,webpack打包# 1、全局安装webpack npm install webpack -g # 2、安装vue-cli脚手架工具 (卸载旧版本: npm uninstall vue-cli -g) npm install -g @vue/cli-init # 3、使用we...

WebPack实战 WebPack打包Vue项目
文章 2022-10-08 来自:开发者社区

webpack性能优化配置与实战(二)

前言上一篇文章中已经把webpack的安装和部分性能优化的配置讲解了一遍,本章节主要会围绕webpack中编译时间的优化来配置。编译时间优化💡 extensions指定extensions之后可以不用再require和import的时候加文件扩展名查找的时候会一次尝试添加扩展名进行匹配👉 在webpack配置文件中,使用resolve来...

webpack性能优化配置与实战(二)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注