webpack使用

webpack是什么

静态资源打包工具（简称打包工具） ------------------------前端必备

webpack核心

1.入口文件（entry）： 好比main.js
2.出口文件（output）：好比dist 打包之后的文件夹
3.插件（plugins）：自动生成html文件等插件
4.转换器（loader）：sass less 转换成我们想要的文件类型
5.服务器（dev-serve）：使我们webpack在本地运行 服务
6.模式（mode）：可以切换开发环境 和 生成环境

webpack特点

1.js依赖进行整合处理 （打包整合）
2.一些预处理的sass，less可以在环境中进行编译 （转换）
3.可以对js、html、图片等进行压缩 （优化）

webpack搭建步骤

全局安装webpack

npm install webpack webpack-cli –g

如果因为版本过高，无法执行相关指令，请安装其他版本

直接重新安装就行，使用 npm i webpack@4.35.3 -g