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

配置局部自定义命令

相关推荐
Dabei3 分钟前
Android 语音助手简单实现与语音助手“执行任务”交流
android·前端
dongczlu5 分钟前
iOS 循环引用篇 菜鸟都能看懂
前端
Alsn867 分钟前
26.IDEA 专业版中创建简单的 Web 项目并打包部署到本地Tomcat 9
前端·tomcat·intellij-idea
霍理迪8 分钟前
HTML行内块标签——img、表单、音视频标签
前端·html
小小前端_我自坚强9 分钟前
边缘函数 (Edge Functions)详解
前端
幼儿园技术家17 分钟前
Hydration Mismatch 原理详解:SSR 项目中最容易踩的坑
前端
June bug31 分钟前
【Vue】EACCES: permission denied 错误
前端·javascript·vue.js
陈随易33 分钟前
PostgreSQL v18发布,新增AIO uuidv7 OAuth等功能
前端·后端·程序员
一只小阿乐37 分钟前
react 中的组件性能优化
前端·javascript·react.js·react组件性能优化
柯南二号42 分钟前
【大前端】【iOS】iOS 真实项目可落地目录结构方案
前端·ios