webpack

webpack是什么？答案：构建工具、打包器、bundler。 不要被它的一切皆模块给迷惑了，首先要知道它是一个打包器。一切皆模块只是它作为打包器的一种打包思路 webpack的作用： 打包任何静态资

tree shaking 被人们翻译成摇树优化 tree shaking 在webpack2中引入，在webpack4中默认配置 tree shaking 实际上是webpack 借鉴 rollup

在webpack或者其他相应组件的源码分析时，涉及到neo-async这类组件，如何确认它的用途和使用方法

webpack中的Loader从加载、编译、输出全流程过程，了解原理的实现方式和对于webpack-source、load-runner、acorn等的结合使用，明确webpack不是孤军奋战

在vue项目使用webpack编译后生成的内容是一个没有换行符，并且方法名和变量名都被改变的文件，怎么才能看到改变之前的内容

webpack中钩子的使用起到了非常重要的作用，了解钩子，了解load-runner的runLoaders是真正弄懂webpack的必经之路

详细描述在webpack中对于webpack.config.js中的module.rules的每一个Loader的加载和传递细节

通过对tapable的理解，以此为基础掌握tapable的使用方法，为webpack在构造过程中的钩子的应用奠定基础

相对高级别需求的程序员来说可能是不可或缺的技能，因为当市场上已有的Loader和Plugin不能满足要求的时候，就需要基于原理的前提条件下自定义Loader和Plugin，否则会有一种无从下手的无力感

webpack从启动到编译到输出，整个串行的流程中，编译过程的关键部分就是对于Loader规则的处理，Loader的build

在vue-cli的脚手架创建后开发环境调试下webpack-dev-server是如何读取webpack.dev.conf.js中的内容的

借用Linux内核发明人Linus Benedict Torvalds 的依据经典名言：RTFSC (Read The F**king Source Code)”

全栈或者前端工程师如果理解了npm run build 后 webpack 的发生的细节，不仅在面试中会被加分，在工作中也会对编译过程有更清晰的认识，便于定位问题

明确webpack的实现原理，不掺杂其他的脚手架之类的东西会更直白，更有力，附有每个步骤对应的详细代码

npm run 实际上是衔接 node 和 webpack 的连接点，通过 npm 对于 package.json 的拆分 和 dev 下的 webpack-dev-server 连接起来

windows上调用的是 node_modules下的 .bin 文件夹下的 npm.cmd 的批处理命令，它调用 webpack-dev-server 后的操作深入理解会帮助正确认识webpack

CommonJS它的前身是ServerJS，而且我们平时所说的CommonJS，其实它是指CommonJS下对应的Specification