webpack使用过程

• 什么是webpack：静态模块打包器（https://www.webpackjs.com/concepts/,https://blog.51cto.com/13258913/2155826）

1. 模块化、压缩打包工具

• 干什么的

1. 代码变成1行
2. 去除多余的空格和回车
3. 去除多余的引号
4. 可以编译其他自定义的"后缀名"

• 操作安装形式

1. 全局安装：npm install webpack -g |npm install webpack-cli -g
2. 初始化项目: npm init
3. 局部安装: npm install webpack --save |npm install webpack --save
4. 压缩：webpack --mode production  生产环境
5. 未压缩：webpack---mode  development 开发环境

• webpack 4和3的区别

1. 安装不同，3没有脚手架
2. 新增mode属性

• 新增特性

1. 新增mode属性
2. 删除commonsChunPlugin插件
3. 开箱即用
4. 支持多种模块类型：
5. 新的插件系统：

• 什么是脚手架（cli）: 就是项目的基础架构
• 安装流程

1. 安装命令：cnpm install webpack-cli -g
2. 新建配置文件:webpack.config.js
3. 使用格式：webpack    入口文件.js    出口文件.js