Any time one file depends on another, webpack treats this as a dependency_. This allows webpack to take non-code assets, such as images or web fonts, and also provide them as _dependencies for your application.When webpack processes your application, it starts from a list of modules defined on th…

这段时间在推敲本人手写一个构建工具，不过在这之前，咱们先试着梳理一下webpack的理念，毕竟它山之石可以攻玉，有助于咱们想好该如何设计本人的我的项目。

首次公布于：[链接]技术积攒，从翻译优质文章开始。本文翻译自：The 100% correct way to split your chunks with Webpack为本人网站的用户找出推送文件的最好形式是一件很麻烦的事。 太多不同的场景，不同的技术，不同的术语了。在这篇 Blog 中，我心愿通知你你想晓得的所有，你能够：理解哪种文件拆分策略最适宜你的网…

跨域问题的产生：浏览器用于断绝潜在歹意文件的平安机制-同源策略限度非同源之间的资源进行交互。webpack应用proxy解决跨域问题。基于webpack-dev-server，只适宜开发阶段。配置如下：

产生起因： 每次打包发版【代码有变动】，index.html,网站即入口文件是变动的。 然而在单页面利用，页面跳转，都在同一个浏览器线程中，不会再一次申请index.html 资源，即便你对 index.html 资源不缓存策略，即设置响应头部信息为cache-control： no-store 也是不好使。用户还得必须刷新。

模块化规范化规范webpack源码剖析1webpack源码剖析2webpack源码剖析3

03 cli.js 01 以后文件个别有二个操作，解决参数，将参数交给不同的逻辑（散发业务） 02 options 03 complier 04 complier.run( 至于run 外面做了什么，后续再看，以后只关注代码入口点 )

时至 5.0 版本之后，Webpack 功能集变得十分宏大，包含：模块打包、代码宰割、按需加载、HMR、Tree-shaking、文件监听、sourcemap、Module Federation、devServer、DLL、多过程等等，为了实现这些性能，webpack 的代码量曾经到了惊人的水平：

笔者两年前曾写过一篇文章《Webpack4 搭建 Vue 我的项目》，起初随着 webpack5 和 vue3 的面世，始终想降级下我这个 createVue 我的项目，然而苦于没有工夫（其实是因为懒），始终迁延至今。捣鼓了好几天，终于搭建好整个我的项目，因而仅以此文记录降级搭建的过程。

ESModule import一个模块后生成一个援用链接，在脚本真正执行时才会依据这个援用链接去模块外面取值，模块外部的原始值变了import加载的模块也会变。