webpack官方提供了两大模块，一个是核心的webpack，一个是webpack-dev-server扩展模块。而文件监听功能是webpack模块提供的。

我们经常遇到的一种情况是：你设置好了你的网络，顺利地安装好了一切依赖，写好了package.json，npm给你自动生成了一个package-lock.json，在你的电脑上没有问题，但是你上传到git，再交给别的同学或者上传到服务器的时候，他们却怎么npm install也不成功了，这是因为为了确保一致性，npm在package-lock.json里写明了每...

webpack官网-中文文档,更多详细文档请去官网自行查看 entry {代码...} {代码...} output {代码...} module {代码...} resolve {代码...} devServer {代码...} optimization {代码...}

Note: If you do not have a package.json, create one before installing. This will ensure proper interaction with the npx command.

起一个webpack server预览项目运行webpack-server服务器 {代码...} 可以通过在package.json中配置script来简化命令 {代码...} 配置热更新---HMR {代码...} 在入口文件里添加热更新配置 {代码...} webpack性能优化打包结果优化 & 构建速度优化压缩代码 webpack自带了一个压缩plugin {代码...} webpack打包结果分析器 ...

源码目录结构源码中主要包括如下部分fixtures：为代码贡献者提供的测试Reactpackages：主要部分，包含Scheduler，reconciler等scripts：react构建相关下面来看下packages主要包含的模块react：核心Api如：React.createElement、React.Component都在这和平台相关render相关的文件夹：react-art：如canvas svg的渲染react-...

问题 1: RN 如何进行分包前言在之前的旧版本 RN 中的 metro 暂时还不支持使用processModuleFilter 进行模块过滤；如果你 google 一下 RN 分包，前端培训会发现很难有一篇文章详细去介绍 RN 怎么进行分包；本文将详细讲述如何进行 RN 分包;

extends作用：指定需要继承的tsconfig.json配置文件，可以是npm包也可以是本地文件示例： {代码...} references作用：让一个仓库中的多个关联的子应用能够联动编译示例： {代码...} {代码...} {代码...} {代码...} frontend和api都依赖了common，通过在references中指定common，当修改了common的代码后，就会触发所有依...

npm install 执行完毕后，我们可以在 nodemodules 中看到所有依赖的包。虽然使用者无需关注这个目录里的文件夹结构细节，只管在业务代码中引用依赖包即可，但了解 nodemodules 的内容可以帮我们更好理解 npm 如何工作，了解从 npm 2 到 npm 5 有哪些变化和改进。

单元测试能限制你库中Bug的「生长」。随着编写的库越来越大，你不能总是手工测试每个特性。但你可以使用单元测试来测试每个特性，并且编写起来并不难。下面展示如何在Typescript中设置单元测试!

微信小程序云函数是一个好东西，相当于微信为我们提供了一个可以跑node.js的服务器，并且可以外部通过API的方式调用云函数，不过微信的文档一向写的不明不白，初学的时候踩了不少坑，在这里记录下来。1、创建微信云函数 在微信开发者工具工程文件列表最顶端的“cloudfunctions”右键“新建Node.js云函数”

源码目录结构源码中主要包括如下部分fixtures：为代码贡献者提供的测试Reactpackages：主要部分，包含Scheduler，reconciler等scripts：react构建相关下面来看下packages主要包含的模块react：核心Api如：React.createElement、React.Component都在这和平台相关render相关的文件夹：react-art：如canvas svg的渲染react-...

承接上一篇文章Puppeteer无头浏览器：开启自动化之门，掌握浏览器世界的无限可能。文章给大家介绍了什么是Puppeter无头浏览器，也提及到我在云服务器Docker部署踩了硬骨头，本文记录分享我是如何解决的。

目录 上节： css代码分割 目录： 先改一下src/index.js： {代码...} 现在写一个简单的loader，将所有的webpack替换成其它内容，内容可通过options配置。在根目录新建loaders/replace-loader.js。 loaders/replace-loader.js： {代码...} source是打包后生成的文件，options可以拿到配置参数,这个loader会将所有webpack替...

背景19年我发了一篇文章changelog 日志自动生成插件,里面介绍了我开源的一套【auto changelog、commit-lint】规范化代码提交的工具插件合集。但是由于是第一次发布一些开源的项目，难免开发方案不是很丝滑，用起来也不是很柔顺。所以基于这些问题，用lerna对这个工具进行了一次升级。大概内容如下： {代码...} CZ 模块配...

webpack 是个好东西，和 NPM 搭配起来使用管理模块实在非常方便。而 Babel 更是神一般的存在，让我们在这个浏览器尚未全面普及 ES6 语法的时代可以先一步体验到新的语法带来的便利和效率上的提升。在 React 项目架构中这两个东西基本成为了标配，但 commonjs 的模块必须在使用前经过 webpack 的构建(后文称为 build)才能...

我们知道，Node.js是基于CommonJS规范进行模块化管理的，模块化是面对复杂的业务场景不可或缺的工具，或许你经常使用它，但却从没有系统的了解过，所以今天我们来聊一聊Node.js模块化你所需要知道的一些事儿，一探Node.js模块化的面貌。