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

配置局部自定义命令

相关推荐
Vowwwwwww2 分钟前
GIT历史存在大文件的解决办法
前端·git·后端
hxxp4 分钟前
使用Vue3开发商品管理器(一)
前端
lyc2333334 分钟前
鸿蒙延迟任务:让后台调度「聪明起来」的3个技巧⏰
前端
lyc2333336 分钟前
鸿蒙延迟任务:条件触发的「智能调度」指南⏱️
前端
白白白白桃乌龙8 分钟前
vue2 , el-select 多选树结构,可重名
前端·javascript·vue.js
夏之小星星10 分钟前
解决el-select选择框右侧下拉箭头遮挡文字问题
前端·vue.js·elementui
石小石Orz12 分钟前
模块联邦:更快的微前端方式!
前端
xiaogg367815 分钟前
网站首页菜单两种布局vue+elementui顶部和左侧栏导航
前端·vue.js·elementui
神膘护体小月半16 分钟前
bug 记录 - 使用 el-dialog 的 before-close 的坑
前端·javascript·bug
&白帝&20 分钟前
使用vite-plugin-html在 HTML 文件中动态注入数据,如元数据、环境变量、标题
前端·html·dreamweaver