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

文章目录

  • [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 # 项目主文件
相关推荐
Cache技术分享5 分钟前
60. Java 类和对象 - 返回类型为类或接口
前端·后端
Morris只会敲命令14 分钟前
CentOS 如何使用截图工具截取命令行操作的图片?
前端·chrome
DongWook15 分钟前
项目发版时前端资源缓存丢失导致路由跳转卡死—探索最适合我们团队的解法
webpack
嘻嘻嘻嘻嘻嘻ys15 分钟前
《Vue 3响应式革命:Proxy机制深度解析与性能优化实战》
前端·后端
superkiki18 分钟前
哈基Diff算法?!,有点意思
前端
11在上班18 分钟前
盘点前端日志采集的几种方式
前端·面试
10年前端老司机19 分钟前
微信小程序wxs
前端·javascript·微信小程序
胖方Hale21 分钟前
01. Typescript 基础数据类型
前端·typescript
阿乐去买菜21 分钟前
很喜欢Vue,但还是选择了React: AI时代的新考量
前端·aigc
星垂野21 分钟前
Webpack 核心原理剖析
webpack