作者 | vayne
转载请注明出处
前两篇文章我们基本清楚了在两种不同情况下，webpack 如何处理拆包后的代码：
1、库代码与业务代码分离
2、import() 与 code spliting
2024年09月05日
作者 | vayne
转载请注明出处
前两篇文章我们基本清楚了在两种不同情况下，webpack 如何处理拆包后的代码：
1、库代码与业务代码分离
2、import() 与 code spliting
2024年09月05日
今天来谈一谈基于javascript性能优化问题
为提升文件加载速度，项目需要合并JavaScript代码并且尽量少用<script></script>标签
通过给<script>标签增加defer属性或async属性来实现无阻塞加载JavaScript
2024年09月05日
从0到1负责手上项目一年多了，webpack虽然是老生常谈的话题，但只有出现问题时，才会去思考怎么去优化。由于项目里引入了越来越多的依赖，所以本地开发编译过程越来越慢，因此才有了这一次的webpack优化。顺便对一些生产环境的静态资源也做了一些优化。
2024年09月05日
本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者
2024年09月05日
HTML Webpack Plugin这是一个webpack插件，它简化了HTML文件的创建，以服务于你的webpack bundle。这对于在文件名中包含哈希的webpack包特别有用，因为文件名会改变每次编译。您可以让插件为您生成一个HTML文件，或者使用lodash模板提供您自己的模板，或者使用您自己的加载器。
2024年09月05日
Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。有多年编程开发经验的工程师往往都会有自己的一套工具库，习惯性的我们可能给会称utils，或者我本人喜欢用helpers，这些都是自己平时代码的一些积累或者说技术总结！Lodash恰恰是这样一种工具库，提供了一套函数式编程的实用功能。Github上star数接近40k,日npm安装量达百万级，不得不说它很受欢迎！
2024年09月05日
目前为止，我们的项目可以在控制台上显示 "Hello world~~~"。现在我们尝试混合一些其他资源，比如 images，看看 webpack 如何处理。
2024年09月05日
1、作用：随着前端工程越来越大，我们需要吧大文件拆成小的模块，以提高可维护性和可扩展性。当模块越来越多，我们就需要借助工具来管理我们的模块。webpack就是这种帮助我们管理复杂项目的工具。webpack是打包工具（bundler）。
2、对比其他工具的优势：tree shaking、 懒加载、 代码分隔。
2024年09月05日
最近准备着手将大学时写的一个框架给规范化，想着将它部署成 NPM 上的一个 Package，但遇到了两个问题：