simpleMan8023的博客

这可以减少初始加载时间，只加载目前需要的模块，在用户与页面进行交互时再根据需要进行加载，提高了页面的性能和加载速度。模块，但通过loader的使用，可以处理其他类型的文件（如css，less，图片等）。的使用，可以将其他类型的文件（例如css，less，图片等）转换为有效的 模块，使其能够被打包到最终的结果中。webpack可以分析模块之间的依赖关系，根据配置的入口文件找出所有依赖的模块，并将其整合到打包结果中。代码分离是指将打包生成的代码文件拆分成多个较小的文件，而不是将所有代码打包到一个文件中。

webpack中的loader1.loader概述在实际开发过程中，webpack默认只能打包处理以 .js后缀结尾的模块，其他非.js的模块webpack默认处理不了，需要调用loader加载器才可以正常打包，否则会报错loader加载器的作用：协助webpack打包处理特定的文件模块。例如：css-loader 打包处理.css相关的文件less-loader可以打包处理 .less相关文件babel-loader可以打包处理webpack无法处理的高级js语法1.1 loader

最根本的webpack手动配置（一）序：我们为什么要用webpack？webpack是前端工程化开发的一个具体的解决方案（早期方案：grunt，gulp）parcel也是目前主流的前端工程化解决方案之一在实际的前端开发过程中，每一个开发者都应该遵循四个现代化“模块化，组件化，规范化，自动化”来使自己的代码更清晰规范，在没使用webpack之前，项目中用到的高级语法（例如es6中的）能使开发效率非常高，但浏览器可能不支持不认识这些语法，这个时候我们就需要使用打包工具进行转化解析，处理好各模块间的依赖