webpack

wp2vite ~ 让webpack项目支持vite
wp2vite ~ 让webpack项目支持vite

TNTWeb - 全称腾讯新闻前端团队,组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。

2021-08-17 07:47:33阅读全文

JS工程化
JS工程化

Code Review效率工具

2021-08-23 19:55:25阅读全文

前端模块化规范
前端模块化规范

完整高频题库仓库地址:https://github.com/hzfe/awesome-interview

2021-09-15 12:36:33阅读全文

第六期:前端九条启发分享
第六期:前端九条启发分享

     这个系列是原本叫'九条bug', 但是一直感觉名字不是很贴切, 想了很久决定从这次起改成九条启发(虽然名字还是很烂), 这次要分享的内容大部分是项目结构相关的, 让我们一起看看吧。

2021-10-08 21:29:11阅读全文

每天读一点webpack-002
每天读一点webpack-002

webpack.js模块会向外暴露一个名为webpack的方法,如下。其中定义了create方法,create内部通过createCompiler | createMultiCompiler创建compiler对象,根据webpack配置信息进行项目打包。

2021-10-10 13:22:57阅读全文

每天读一点webpack-001
每天读一点webpack-001

在入口文件中通过一个缓存方法lazyFunction将 webpack 这个模块进行了缓存操作,其中源码如下

2021-10-11 08:47:05阅读全文

每天读一点webpack-003
每天读一点webpack-003

Compiler 类用于实例化一个 compiler 实例

2021-10-12 12:58:56阅读全文

前端构建工具webpack(原理篇)
前端构建工具webpack(原理篇)

我把这个文件形容为一个车间,那么车间最重要的是什么呢,最重要的是要有机床。这个机床在webpack构建中称之为Compiler。它是一个编译类。

2022-02-16 09:57:49阅读全文

搭建一个可视化用户行为轨迹打点体系SDK
搭建一个可视化用户行为轨迹打点体系SDK

● 1、利用xpath的唯一性,绑定打点元素添加事件进行发送数据打点● 2、后台管理系统搭建一个可视化选取打点元素的功能并保存配置● 3、前端根据页面URL获取到打点配置进行初始化(通过xpath绑定事件)基本流程如图所示:

2022-02-28 02:24:04阅读全文

用前端构建工具打包后端服务,我到底经历什么
用前端构建工具打包后端服务,我到底经历什么

看到这个 标题,是的,我本是个后端,最近要写点 node.js, 之前写前端,知道 npm build 一下,那么用 javascript 写的后端程序也要 npm build 吧,好的,作为个 gopher , 带着对 javascript 的刻板印象就开干了。

2022-07-13 12:42:15阅读全文

前端性能优化(图文并茂,通俗易懂)
前端性能优化(图文并茂,通俗易懂)

默认情况下,我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from 'module'

2022-09-28 05:29:00阅读全文

webpack源码-webpack把react编译成weapp
webpack源码-webpack把react编译成weapp

webpack@5.69.0之前使用[email protected]创建一个taro-react项目之后build了一个weapp项目

2022-09-28 06:04:52阅读全文

node后端(koa)如何打包加密,以及node_modules如何优化?
node后端(koa)如何打包加密,以及node_modules如何优化?

用node开发后端会存在那些问题呢?       在我们用node做后端开发遇到的三个问题。一安全问题,代码并没有编译就直接传递了,只要进去服务器代码可以看得一清二楚。二是文件体积问题,随便一个项目node_modules件包就是一百兆左右。第三个是部署问题,每次部署新项目都要下载安装插件导致部署非

2022-11-16 18:53:41阅读全文

Transpile Webpack Plugin:让 Webpack 按照源文件的目录结构输出
Transpile Webpack Plugin:让 Webpack 按照源文件的目录结构输出

作为 Web 开发者,你是否也纠结过如何用 Webpack 做文件转译?就像 Babel CLI 转译文件那样按照源文件的目录结构输出?如果有,那么这篇文章就是为你而写,我们一起瞧一瞧怎么做吧。

2023-01-10 23:42:32阅读全文

浅析 SplitChunksPlugin 及代码分割的意义
浅析 SplitChunksPlugin 及代码分割的意义

有同事分享webpack的代码分割,其中提到了SplitChunksPlugin,对于文档上的描述大家有着不一样的理解,所以打算探究一下。

2023-03-16 21:52:19阅读全文