main 字段是 package.json 中的另一种元数据功能，它可以用来指定加载的入口文件。假如你的项目是一个 npm 包，当用户安装你的包后，require('my-module') 返回的是 main 字段中所列出文件的 module.exports 属性。当不指定main 字段时，默认值是模块根目录下面的index.js 文件。

优化点: 每个不同类型的文件在loader转换时，都会被命中，遍历module中rules中所有loader 配置如下： {代码...} 注意： 使用oneOf 根据文件类型加载对应的loader，只要能匹配一个即可退出， 对于同一类型文件，比如处理js，如果需要多个loader，可以单独抽离js处理，确保oneOf里面一个文件类型对应一个loader 可以配置 e...

一直用的GitHub pages ，昨天hexo 部署的时候提示 {代码...} 然后搜索了下，原来我的库被禁止使用了，进去一看，果然。。。 原来是莫名其妙的侵权被投诉了，还给我发了邮件 可惜已经过去24小时，库已经被禁止使用了。 于是我给 developer@githubsupport.com 这个邮箱回邮件，说我把侵权内容删除，请求恢复我的仓库或者删...

开发一个 windows 小工具，工作 pc 是 ubuntu， 为了省事，选择用 electron，打算开发好了直接到 windows 上打包(ubuntu 上打 win 包还在研究中...) 因为 node-gyp 编译问题扯了一天半还没解决, 猜测 npm 安装 windows-build-tools 可能需要参数辅助或其它支持... node-gyp 编译工具如何正确安装使用，在此作个记录

它 JIT 将 TypeScript 转换为 JavaScript，使您无需预编译即可直接在 Node.js 上执行 TypeScript。 这是通过挂钩 node 的模块加载 API 来实现的，使其能够与其他 Node.js 工具和库一起无缝使用。

这里不说网上那些烂大街的方法了，我个人感觉已经过时，下载electron这一步还好，但复制到AppData\Local\electron\Cache这里已经不适合了，electron-builder不认直接爆破疗法:

【编者按】本文作者为来自 MongoDB 的 NodeJS 工程师 Valeri Karpov。Valeri 专注于维护常见的 Mongoose ODM，是《Professional AngularJS》一书的作者。本文由 OneAPM 工程师编译呈现，以下为正文。

前言当我们的项目越来越大，webpack的配置项越来越多时，构建速度会越来越慢，所以我们需要通过一些配置来提高webpack的构建速度。目录缩小范围noParseIgnorePlugin优化 resolve 配置externals缓存缩小范围在配置 loader 的时候，我们需要更精确的去指定 loader 的作用目录或者需要排除的目录，通过使用 include 和 excl...

依赖项的处理与层的创建与注册依赖项的处理与层的创建与注册新问题什么是 layer?layer 的创建与注册与函数同时创建和绑定单独上传 layer 再绑定函数(推荐)真正的运行时依赖注册包的约定与平台强关联的运行时1. 云端安装依赖2. 本地构建 Amazon Linux 2 容器环境3. 利用 CI 构建并进行上传和部署镜像部署Next Chapter完整...

Entry：入口，Webpack的入口文件，可以为String,Array,Object。Output：出口，输出的最终结果，里面可以配置path、publicPath、filename、chunkFilenamet等。Module：模块，在 Webpack 里一切皆模块，配置处理各种文件所需要的loader。optimization：主要是做webpack3当中commonchunk所做的事件，可实现代码分离、提取公...

由于webpack的配置具有实时性，之前搭建的vue2项目是基于webpack2，因此，特地在此维护一篇关于webpack4搭建vue2项目的说明，会及时更新（github地址：[链接]）。

原因：huweihuang/hexo-theme-huweihuang.git 拒绝接受 wanghaijuan。说明当前有两个Github账号,可以更新博客。

前言 笔者最近一直在使用 electron 开发一个可视化工具 Nowa，里面的技术栈是 webpack2 babili react electron electron-builder 使用过 electron 的人都知道，打出来的包是很大的，因为electron 内置了 Node & Chromium, 所以啥都还没干，打出来的应用安装包就有几十兆了。 无法在 electron 上做文章，那么只好在 w...

大家好，我卡颂。你是否好奇 —— codesandbox是如何在线运行代码的？要回答这个问题，我们先看看前端项目是如何在本地跑起来的。简单来说分为3步：执行npm install安装依赖使用打包工具（比如webpack）打包、编译代码（如果使用Vite会省去打包的步骤，但会执行预构建）将步骤2的产物通过script标签注入页面codesandbox能...

前言当我们的项目越来越大，webpack的配置项越来越多时，构建速度会越来越慢，所以我们需要通过一些配置来提高webpack的构建速度。目录缩小范围noParseIgnorePlugin优化 resolve 配置externals缓存缩小范围在配置 loader 的时候，我们需要更精确的去指定 loader 的作用目录或者需要排除的目录，通过使用 include 和 excl...

在开始之前，请确保你使用的是 Node 的最新版本。至少是最新的 LTS（长期支持）版本，本书的配置基于 LTS 版本所写，你的终端需要有 node 和 npm 命令，Yarn 也是一个不错的选择，也适用于本教程。

本文内容基于webpack 5.74.0版本进行分析webpack5核心流程专栏共有5篇，使用流程图的形式分析了webpack5的构建原理：「Webpack5源码」make阶段（流程图）分析「Webpack5源码」enhanced-resolve路径解析库源码分析「Webpack5源码」seal阶段（流程图）分析(一)「Webpack5源码」seal阶段分析(二)-SplitChunksPlugin源码「We...