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

配置局部自定义命令

相关推荐
云水一下几秒前
Vue.js从零到精通系列(七):高级特性实战——Teleport、异步组件、自定义指令与TypeScript深度结合
前端·vue.js·typescript
qq4356947013 分钟前
Vue05
前端·vue.js
qq_422152575 分钟前
PDF 解密工具怎么选?2026 年文档密码移除方案与注意事项
java·前端·pdf
YHHLAI8 分钟前
前端工程化调用 AI 多模态生图模型:Qwen Image Demo 实战
前端·人工智能
To_OC22 分钟前
我一直以为 Ajax 是个黑盒,直到我写了这 50 行代码
前端·后端·全栈
用户0595401744626 分钟前
RAG 记忆层踩坑实录:用户偏好凭空消失,我排查了 4 小时,最后用 LangChain + Chroma 搭了套自动化回归测试
前端·css
程序猿阿伟33 分钟前
《Chrome隔离机制的维度落地指南》
前端·chrome
用户0543243297034 分钟前
AI 生成的代码怎么在前端安全预览 + 一键运行:sandbox iframe 实战 🔒
前端
ALianBlank35 分钟前
一个 Unity 框架能做多少事?86 个模块 + 21 个小游戏平台
前端·后端·游戏开发
To_OC39 分钟前
搞懂二叉树递归遍历,我居然是从爬楼梯开始的
前端·javascript·数据结构