m0_71955188的博客

Entry（入口）： 指定 Webpack 构建的入口文件，用于指导 Webpack 从哪里开始构建内部依赖图。可以配置一个或多个入口，形式可以是字符串、对象或数组。 Output（输出）： 指定 Webpack 最终构建出的文件输出的位置和命名规则。可以配置输出的路径、文件名、公共路径等。 Loader（加载器）： Webpack 默认只能处理 JavaScript 文件，但通过加载器(loader)可以将其他类型的文件转换为模块。例如，可以使用 Babel-Loader 加载器来处理 ES6+ 的 Ja

屏幕尺寸和像素密度等信息，动态设置样式属性。 媒体查询（Media Queries）： 使用 CSS3 中的媒体查询功能，根据不同的屏幕尺寸和设备特性，编写不同的样式规则。通过针对不同屏幕宽度应用不同的 CSS 样式，实现移动端的适配。 视口设置（Viewport）： 通过设置 标签中的 viewport 属性，指定网页在移动设备上的显示方式。可以通过设置 width、initial-scale 和 maximum-scale 等属性来控制页面的缩放和布局。 弹性布局（Flexbox）： 使用 CSS 的

加速内容传输： CDN 在全球各地建立了分布式节点，将内容缓存到离用户最近的节点上。这样，用户在请求内容时可以从离自己更近的节点获取，从而减少了传输距离和延迟，提高了内容传输速度。 提高网站性能： 通过将静态文件（如图片、CSS、JavaScript）缓存在 CDN 节点上，减轻了源服务器的负载压力。同时，CDN 能够根据用户的地理位置和网络状况选择最优的节点，使用户获取内容的速度更快，从而提高了网站的整体性能和用户体验。 增加网站的可靠性和可扩展性： 因为 CDN 在全球范围内有大量的分布式节点，当源服务

在Webpack中，常见的Loader有以下几种： babel-loader：用于将ES6+的JavaScript代码转换为在当前浏览器或环境下可执行的旧版本JavaScript代码，解决了不同浏览器兼容性问题。 style-loader 和 css-loader：用于处理CSS文件。css-loader负责解析CSS文件，处理其中的import等语法，而style-loader则将解析后的CSS代码以sass-loader 和 less-loader：用于处理Sass和Less等CSS预处理器的文件。它们