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

配置局部自定义命令

相关推荐
想你依然心痛4 小时前
AtomCode 在前端开发中的实战体验:React + TypeScript 项目开发实录
前端·react.js·typescript
疯狂的魔鬼4 小时前
精确计算容器剩余视口高度:useAutoContainerFullHeight 的工程实践
前端·css·typescript
用户059540174464 小时前
用了 3 个月 ChatGPT,才发现它一直在遗忘——用 Playwright 自动化验证记忆存储一致性
前端·css
玄玄子4 小时前
xss前端解决方案
前端·浏览器·xss
林希_Rachel_傻希希4 小时前
web性能优化之——AI总结视频
前端·javascript·面试
前端炒粉4 小时前
个人简历面经总结二
前端·网络·vue.js·react.js·面试
用户059540174464 小时前
用了半年 LangChain Memory,才发现回滚测试压根没测对
前端·css
木木的木云4 小时前
从零构建微前端框架:PavilionMfe 设计揭秘
前端·架构·vite
weedsfly5 小时前
Cookie 安全三属性:HttpOnly、Secure、SameSite 分别防什么?
前端·javascript·面试
IT_陈寒5 小时前
SpringBoot自动配置没生效?你可能漏了这个注解
前端·人工智能·后端