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

小明 2025-04-29 11:29:24 6

文章目录

  • 1. 基本使用
    • 1.1 功能介绍
    • 1.2 开始使���

      参考视频:尚硅谷Webpack5入门到原理

      课件地址

      【前端目录贴】

      1. 基本使用

      1.1 功能介绍

      Webpack 是一个静态资源打包工具。

      ()

      它会以一个或多个文件作为打包的入口,将我们整个项目所有文件编译组合成一个或多个文件输出出去。

      输出的文件就是编译好的文件,就可以在浏览器段运行了。

      ()

      我们将 Webpack 输出的文件叫做 bundle。

      1.2 开始使用

      • 资源目录
        webpack_code # 项目根目录(所有指令必须在这个目录运行)
            └── src # 项目源码目录
                ├── js # js文件目录
                │   ├── count.js
                │   └── sum.js
                └── main.js # 项目主文件
        
The End
微信