我的 Platzi Webpack 课程作品集:项目与笔记
这里是我的 Webpack 项目,以及关于这个强大工具的一些笔记!
Webpack 项目实战
Webpack 简介
Webpack 是现代 JavaScript 应用的静态模块打包工具。它分析你的项目代码,找出各个模块之间的依赖关系,然后将它们打包成一个或多个文件,方便在浏览器中加载。
从 Webpack 4 开始,我们不再需要配置文件,而是需要指定一个入口点。Webpack 会从这个入口点开始分析代码,构建依赖图。
加载器(转换器)
加载器的作用是告诉 Webpack 如何处理不同类型的文件。例如,你可以使用加载器将 TypeScript 代码转换成 JavaScript,或者将 CSS 代码直接嵌入到 JavaScript 文件中。
插件
插件可以扩展 Webpack 的功能,添加额外的配置选项。例如,HTMLWebpackPlugin
可以自动生成 HTML 文件,并将打包后的 JavaScript 文件引入其中。
哈希与缓存
当用户首次访问你的网站时,浏览器会下载并缓存网站的资源文件。为了优化网站性能,我们可以利用缓存机制,避免每次都重新下载相同的资源。Webpack 可以通过为文件名添加哈希值来实现这一点,当文件内容发生变化时,哈希值也会随之改变,从而强制浏览器下载最新的资源文件。
599.35KB
文件大小:
评论区