webpack中source map应用当打包后产生的谬误会无奈定位到对应的文件地位，所以应用sourceMap来定位打包前的对应文件地位行将编译后的代码映射回原始源代码 {代码…} webpack中主动编译1.webpack’s Watch Mode依赖图中的所有文件以进行更改。如果其中一个文件被更新，代码将被从新编译，不用手动运行整个构建。2.webpack…

1.Entry 从 webpack4 开始，不再必须定义 entry point(入口点) ：它将默认为 ./src/index.js。

个人感觉splitChunks中除了cacheGroup之外的配置是用来作代码分割的，而cacheGroup是作为模块合并的配置项。cacheGroup内配置优先级高于外面配置，可以理解为先进行分割再进行合并，分割的代码放到哪个缓存组的块…

happypack可利用多线程对文件进行打包(默认cpu核数-1)，对多核cpu利用率更高。new Happypack(options)可生成对应的loader,如配置：

Webpack从基础概念到项目配置，涉及知识点较多，现将学习使用过程中遇到内容记录下来，方便以后速查。

而这个 api 主要为我们做什么样的事情？它可以帮助我们动态加载我们想要的文件，非常灵活和强大(可递归目录)。可以做 import 做不到的事情。今天就带大家一起来分析一下，webpack 的 require.context是如何实现的。

正如在入门中提到的，有多种方法可以在 webpack 配置中定义 entry 属性。接下来，将展示配置entry 属性的方法，并解释为什么可能对您有用。

webpack 文档阅读笔记 20190523 webupack 六个主要的概念 Entry Output Loaders Plugins Mode Browser Compatibility Entry entry 指示 webpack 应该使用哪个模块开始构建其内部依赖关系图。 entry 的 默认值是 ….

Webpack is a module bundler. It packs CommonJs/AMD modules i. e. for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand.这一段是官网的介绍，翻译过来就是…

GitHub 完整配置文件地址： [链接] 由于篇幅过长分三次发布，建议按顺序看[ webpack4 ] 配置属于自己的打包系统教程（一）—— 基础配置篇[ webpack4 ] 配置属于自己的打包系统教程（二）—— 资源配置篇[ webpack4 ]…