从基础到实战 手把手带你掌握新版Webpack4.0完整

2-1 webpack究竟是什么
一.
1.面向过程的程序和面向对象的程序
面向过程的程序相当于一大长串的代码，会造成文件越来越大，不利于维护
面向对象是把一个部分封装到一个类中，当某个东西出现问题时，可以方便的去寻找这个类
2.import 引入js文件
浏览器并不认识import，需要通过webpack来解析一下
3.安装webpack
npm init
npm install webpack webpack-cli
4.webpack使用
npx webpack index.js (会把index.js中的import转为正常的语法让浏览器认识)

2-2 什么是模块打包工具
1.webpack是什么？
webpack是模块打包工具，并不是js的翻译器，因为他只能认识一些简单的import语法，别的识别不了，模块打包的意思是把所有的引入的模块（Moudule）引入到一起，生成一个最终的js文件，模块常见的几种规范：ES Moudule ,CommonJS,CMD,AMD
2.webpack的发展历史
最开始webpack是打包js的，随着版本的发展，现在可以打包任何常见类型的文件了
3.阅读webpack官方文档
（1）concepts学习moudule会对模块化有基本的认识
（2）api的moudule

2-3 搭建webpack环境
1.打包速度
作者说明，使用最新版本的node和最新版本的webpack的打包速度是最快的
2.webpakc安装方式
（1）全局安装
npm install webpack webpack-cli -g (不建议，考虑到升级后老版本的webpack是否可用)
webpack -v(全局搜索webapck)
（2）项目安装
npm install webpack webpack-cli -D
npx webpack -v (在当前目录下的node_moudule中查找)
（3）查看某个版本号 是否存在
npm info webapck
npm install webpak@4.1.5

2-4 使用webpack的配置文件
2-5 浅谈webpack打包的输入内容