【webpack】初认识

webpack 配置：
环境参数：Nodejs10
webpack4.26以上
预备技能：基本Nodejs知识 NPM指令
熟悉ES6语法

webpack是一种资源构建工具，静态模块打包器

主要有五个核心概念：
1.Entry
以哪个文件作为入口起点开始打包

2.Output
输出指示webpack打包后的资源bundles输出到哪里

3.Loader（css img）
让webpack能够去处理非JavaScript·文件 webpack自身只理解js

4.Plugins（插件，可压缩代码 less img）
插件（从打包优化和压缩，一直到重新定义环境中的变量等）

5.Mode 模式
指示webpack使用相应模式配置

npm i webpack webpack -cli -g 全局安装webpack
npm i webpack webpack -cli -D 本地安装（开发依赖）

注意：
1.生产环境的打包比开发环境多一个压缩Js代码
2.webpack是可以打包js,json文件的。但是不能打包css文件，img等文件
3.生产环境和开发环境将ES6模块化编译成浏览器能识别的模块。