content6的博客

compliation就像是生产一部手机，生产的过程基本一致，但生产的手机可能是小米手机也可能是魅族手机。生命周期，之后根据webpack config文件的output配置的path属性，将文件输出到指定的文件夹。compilation代表的是一次编译作业，每一次的编译都可能不同；的加持，代码编写非常灵活，node中流行的callback回调机制（说的就是回调地狱），webpack使用的炉火纯青。至此，从入口文件开始，webpack收集完整了该模块的信息和依赖项，接下来就是如何进一步打包封装模块了。

Hot-Module-Replacement的热更新是依赖于webpack-dev-server，有时是在打包文件改变时更新打包文件或者重新加载刷新整个页面，HMR是只更新修改的部分。html-webpack-plugin的主要作用就是在webpack构建后生成html文件，同时把构建好入口js文件引入到生成的html文件中。而言，它实质上是一个转换器，将A文件编译成B文件，操作的是。在进行打包时，css代码会打包到js中，不利于文件缓存。比如将A文件编译成B文件，单纯的是一个文件转换过程。

webpack自带的打包器只能支持JS文件 当我们想要加载css/less/scss/stylus/ts/md文件时，就需要用到loader loader的原理就是把文件内容包装成能运行的JS 比如 加载css需要用到style-loader和css-loader css-loader把代码从CSS代码变成export default str形式的JS代码 style-loader把代码挂载到head里的style标签里 style-loader用到了pitch钩子和request对象有待深入