文章目录
- [1. 基本使用](#1. 基本使用)
-
- [1.1 功能介绍](#1.1 功能介绍)
- [1.2 开始使用](#1.2 开始使用)
参考视频:尚硅谷Webpack5入门到原理
课件地址
【前端目录贴】
1. 基本使用
1.1 功能介绍
Webpack
是一个静态资源打包工具。它会以一个或多个文件作为打包的入口,将我们整个项目所有文件编译组合成一个或多个文件输出出去。
输出的文件就是编译好的文件,就可以在浏览器段运行了。
我们将
Webpack
输出的文件叫做bundle
。
1.2 开始使用
- 资源目录
js
webpack_code # 项目根目录(所有指令必须在这个目录运行)
└── src # 项目源码目录
├── js # js文件目录
│ ├── count.js
│ └── sum.js
└── main.js # 项目主文件