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

配置局部自定义命令

相关推荐
heyCHEEMS8 分钟前
Vue 两种导航方式
前端·javascript·vue.js
我是哈哈hh9 分钟前
【vue】vuex实现组件间数据共享 & vuex模块化编码 & 网络请求
前端·javascript·vue.js·前端框架·网络请求·vuex·模块化
想睡好23 分钟前
圆角边框 盒子阴影 文字阴影
前端·css·html
fei_sun34 分钟前
【数据结构】子串、前缀
java·前端·数据结构
zfyljx34 分钟前
2048 html
前端·css·html
帮帮志43 分钟前
如何启动vue项目及vue语法组件化不同标签应对的作用说明
前端·javascript·vue.js
森哥的歌1 小时前
深入解析Vue3中ref与reactive的区别及源码实现
前端·javascript·vue.js
shmily麻瓜小菜鸡1 小时前
vue3使用tailwindcss报错问题
开发语言·前端·javascript·vue.js
帆张芳显1 小时前
前端EXCEL插件,智表ZCELL产品V3.0 版本发布,底层采用canvas全部重构,功能大幅扩展,性能极致提升,满足千万级单元格加载
前端·重构·excel·jquery·插件·智表
python_chai1 小时前
CSS从入门到精通:全面解析CSS核心知识体系
前端·css