【前端】尚硅谷Webpack教程笔记

参考视频:尚硅谷Webpack5入门到原理
课件地址
【前端目录贴】

1. 基本使用

1.1 功能介绍

Webpack 是一个静态资源打包工具。
它会以一个或多个文件作为打包的入口，将我们整个项目所有文件编译组合成一个或多个文件输出出去。
输出的文件就是编译好的文件，就可以在浏览器段运行了。
我们将 Webpack 输出的文件叫做 bundle。

1.2 开始使用

• 资源目录

webpack_code # 项目根目录（所有指令必须在这个目录运行）
    └── src # 项目源码目录
        ├── js # js文件目录
        │   ├── count.js
        │   └── sum.js
        └── main.js # 项目主文件

1
2
3
4
5
6
7