Webpack 5 项目实战:JavaScript 作品集构建

本项目以构建 JavaScript 作品集网站为目标,深入浅出地讲解 Webpack 5 的核心概念和使用方法。通过实践,您将掌握模块打包、代码分割、资源优化等 Webpack 5 的强大功能,并将其应用于实际项目开发中,提升您的前端工程化水平。

项目内容包括但不限于:

  • Webpack 5 基础配置和常用插件
  • JavaScript 模块化开发与打包
  • HTML、CSS、图片等资源的处理和优化
  • 开发环境和生产环境的构建配置
  • 代码分割和懒加载策略
  • 使用 Babel 进行代码转换
  • 项目部署和上线

学习本项目,您将能够:

  • 独立使用 Webpack 5 构建现代 JavaScript 项目
  • 理解模块化开发的概念和优势
  • 掌握常用的 Webpack 5 配置和优化技巧
  • 提升前端工程化能力,打造高效的开发流程
zip
curso_webpack5_platzi-main.zip 预估大小:25个文件
folder
curso_webpack5_platzi-main 文件夹
file
.gitignore 2KB
file
.babelrc 89B
file
package.json 1KB
file
package-lock.json 529KB
folder
src 文件夹
folder
templates 文件夹
file
Template.js 1KB
folder
assets 文件夹
folder
fonts 文件夹
file
ubuntu-regular.woff 53KB
file
ubuntu-500.woff2 41KB
file
ubuntu-300.woff 58KB
file
ubuntu-300.woff2 50KB
file
ubuntu-500.woff 47KB
file
ubuntu-regular.woff2 46KB
folder
images 文件夹
file
twitter.png 1KB
file
instagram.png 2KB
file
github.png 2KB
file
index.js 226B
folder
utils 文件夹
file
getData.js 314B
folder
styles 文件夹
file
main.css 4KB
file
vars.styl 45B
file
webpack.config.js 2KB
file
LICENSE 1KB
folder
public 文件夹
file
index.html 304B
file
README.md 14B
file
webpack.config.dev.js 2KB
file
netlify.toml 77B
file
.env-example 4B
zip 文件大小:424.55KB