首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
翠林
更多收藏集
微信扫码分享
微信
新浪微博
QQ
15篇文章 · 0订阅
🥹真的绝了,通过注释来埋点好简单!!
这篇文章主要讲如何根据注释,通过babel插件给相应函数插入埋点代码。代码中有两个函数,其中一个`//_tracker`的注释,另一个没有。转译之后只给有注释的函数添加埋点函数
这次我写了个babel plugin,将小程序体积降低了286k!
前言 之前看过我文章随手写了个 plugin,就将小程序体积减少了 120k的小伙伴(没看过的也可以了解下前因后果,说不定以后碰到相同的问题,就能按这种方式解决),肯定知道我们公司的 api 项目因为
你真的了解package.json吗?来看看吧,这可能是最全的package解析
1. 概述 从我们接触前端开始,每个项目的根目录下一般都会有一个package.json文件,这个文件定义了当前项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等)。 当运行npm i
120 行代码帮你了解 Webpack 下的 HMR 机制
在使用Webpack Dev Server以后 可以让我们在开发工程中 专注于 Coding, 因为它可以监听代码的变化 从而实现打包更新,并且最后通过自动刷新的方式同步到浏览器,便于
手把手带你入门Webpack Plugin
关于 Webpack 在讲 Plugin 之前,我们先来了解下Webpack。本质上,Webpack是一个用于现代 JavaScript 应用程序的静态模块打包工具。它能够解析我们的代码,生成对应的依
彻底解决新手对webpack的恐惧!
前言 首先抛出结论,webpack是一个非常简单的工具,毫无难度可言。webpack阻碍很多人的根本原因是大家对一些概念的不熟悉、对webpack丰富的loader和plugin望而怯步。当你把概念弄
我曾为配置 webpack 感到痛不欲生,直到我遇到了 webpack-chain
今天给大家介绍社区当中一个 webpack 的流式配置方案——webpack-chain,这个方案现在已经在我目前所在的团队落地,且带来了一些正向的收益。
50行代码统计组件使用次数
想知道项目中使用的三方组件库的数据吗?来吧,本文带你了解如何统计项目中组件使用情况。 思路:Webpack loader(AST)。 最快的方案通过字符串统计用正则的方式一把梭,但是这样会有问题就是如果注释部分有的话也会被统计进去就不准确,所以想到了可以通过 AST(抽象语法树…
当面试官问Webpack的时候他想知道什么
在前端工程化日趋复杂的今天,模块打包工具在我们的开发中起到了越来越重要的作用,其中webpack就是最热门的打包工具之一。 说到webpack,可能很多小伙伴会觉得既熟悉又陌生,熟悉是因为几乎在每一个项目中我们都会用上它,又因为webpack复杂的配置和五花八门的功能感到陌生。…
高级知识点(持续更新)
Loader本质就是一个函数,在该函数中对接收到的内容进行转换,返回转换后的结果。因为Webpack只认识JavaScript,所以Loader就成了翻译官,对其他类型的资源进行转译预处理工作。 loader在module.rules中配置:test和use。test可接收一个…