初衷： 将我整理的笔记分享给大家，希望本篇文章能给你带来不一样的认知，不喜勿喷。 适合人群： 前端初级开发，大佬绕道。 内容结构： 为什么有模块化 -> 基本语法 -> 两者区别。 我们都知道在早期JavaScript模块这一概念，都是通过script标签引入js文件代码。当然…

随着单页应用发展的越来越庞大，拆分js就是第一要务，拆分后的js，就可以根据我们需求来有选择性的加载了。 这里就添加了一句，chunkFilename而已，chunkFilename的作用就是用来给拆分后的chunk们起名字的配置项。 还是只打包出了一个main.js，毫无变化…

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。并且跟具你的在项目中的各种需求，实现自动化处理，解放我们的生产力…