Webpack-入门

定义

静态模块:指的是编写代码过程中的html,css,js,图片等固定内容的文件

打包:把静态模块内容压缩、整合、翻译等(前端工程化)

1)把less/sass转成css代码

2)把ES6+降级成ES5+

3)支持多种模块标准语法

使用Webpack

步骤:

1.新建并初始化项目,编写业务源代码

2.下载webpack webpack-cli到当前项目中(版本独立)

复制代码
npm i webpack webpack-cli --save-dev

--save-dev标记这两个包是在开发环境下使用

配置局部自定义命令

相关推荐
love530love几秒前
如何在 Google Chrome 中强制开启 Gemini AI 侧边栏(完整图文教程)
前端·人工智能·chrome·windows
光影少年2 分钟前
对typescript开发框架的理解?
前端·javascript·typescript
跨境数据猎手5 分钟前
反向海淘代购系统:1688 / 淘宝自动代采 + API 同步(附可用源码)
前端
lUie INGA10 分钟前
Go-Gin Web 框架完整教程
前端·golang·gin
a11177613 分钟前
“像风之翼“无人机巡检平台仪表盘
前端·javascript·开源·html·无人机
李白的天不白16 分钟前
vue 数据格式问题
前端·vue.js·windows
a11177620 分钟前
QQ 宠物(怀旧 开源)前端electron项目
前端·开源·html
ZC跨境爬虫23 分钟前
跟着 MDN 学 HTML day_8:(高级文本语义标签+适配核心功底)
前端·css·笔记·ui·html
Dxy123931021631 分钟前
HTML中的伪类详解:从基础到高级应用的全面指南
前端·html
Dxy123931021633 分钟前
HTML中如何设置元素样式:从基础到进阶的完整指南
前端·html