changyandou2020的博客

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

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)。如果想要了解webpack的原理，那可能除了直接调试源码之外，没有比这更好的办法了

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

明确webpack的实现原理，不掺杂其他的脚手架之类的东西会更直白，更有力

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

CommonJS在更名之前是ServerJS，它是由Mozilla的工程师Kevin Dangoor在2009年1月发起的一个项目。而在浏览器端对于JavaScript的开发，由于浏览器不支持CommonJS，在浏览器中直接使用require调用的情况下，会提示require is undefined。将一个复杂的文件有针对性的拆分几个文件，拆开以后模块的内部是私有的，但是要向外暴露接口和其他的模块进行交互。CommonJS在Node.js中的应用，就是当前非常重要，并且被广泛应用的一种服务器端的实现。..