webpack 开发库的一些问题

引言本人在学习开发前端库并发布到 npm 的过程中遇到了一些问题。故记录以供参照和借阅。 将包发布到 npm 问题首先,发包使用 npm pu...     阅读全文
饶英俊(Royin)'s avatar
饶英俊(Royin) 12月 04, 2023

webpack 的 hmr 原理

HMR介绍webpack 是通过“热模块替换” ,也就是 HMR( Hot Module Replacement)来实现资源的热更新的,可以仅针对部分资源进行更新而无需重载整个页面 ...     阅读全文
饶英俊(Royin)'s avatar
饶英俊(Royin) 2月 21, 2022

webpack 构建流程

webpack 的构建流程是一个串行的过程,从启动构建流程到结束的过程如下所示: 初始化参数。将配置文件(webpack.config.js)与 shell 中的参数合并到一起,得出最终的配置 开始编译。通过第【1】步得到的最终配置来初始化 Compiler(编译器) 对象,以及注册所有配置的插件,最后吊用 Compiler 的 run 方法开始编译 确定入口 。根据配置里的 Entry 找到所有...     阅读全文
饶英俊(Royin)'s avatar
饶英俊(Royin) 2月 21, 2022

Babel 配置问题

@babel/core是 babel 进行语法转换的核心实现     阅读全文
饶英俊(Royin)'s avatar
饶英俊(Royin) 10月 26, 2021

webpack 踩坑之 process.env.NODE_ENV

问题引入当你尝试在 webpack.config.js 文件中访问 process.env.NODE_ENV(以下简称 NODE_ENV) 。很遗憾,结果是 undefined     阅读全文
饶英俊(Royin)'s avatar
饶英俊(Royin) 10月 26, 2021