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标记这两个包是在开发环境下使用

配置局部自定义命令

相关推荐
mCell7 小时前
AI 时代 SVG 画图的潜力
前端·agent·svg
我命由我1234512 小时前
CesiumJS 笔记 - 获取容器中心点、Cartesian3 clone 方法、修改 Cartesian3 对象的高度
前端·javascript·css·前端框架·html·html5·js
Hopebearer_13 小时前
页面突然只剩 DOM?一次静态资源版本错配排查
前端·部署
东风破_14 小时前
ESLint 是什么?为什么你的项目需要它?
前端·后端·代码规范
圣殿骑士-Khtangc15 小时前
Go字符串高效拼接性能对比与底层原理分析
服务器·前端·golang
BigTopOne16 小时前
【ijkplayer】 硬解码流程
前端
kyriewen17 小时前
DeepSeek Harness开源第一天我就上手了——和Claude Code的差距比想象中大
前端·ai编程·deepseek
捡田螺的小男孩17 小时前
什么是 Skill?手把手带你写一个简单有用的 Skill!
前端·后端·程序员
IT_陈寒17 小时前
Redis集群这个坑,差点让我通宵
前端·人工智能·后端
90后的晨仔17 小时前
uni-app 路由跳转与页面导航 —— 终极详解(对标 iOS / Android / 鸿蒙三端原生)
前端