webpack 是什么
webpack是基于node的模块打包器，一开始webpack只能处理js，由于各种loader的引入，现在它能支持各种文件形式的打包。
注：安装新版本的node + webpack能加快打包速度。
webpack 安装使用
首先确保安装：node, npm
npm init 创建项目（使项目符合npm规范）
- 全局安装
npm i webpack webpack-cli -g
此时，可通过 webpack -v 获得目前全局安装的 webpack 版本。
ps: 不推荐，若全局安装webpack4，需要运行某个webpack3的项目则会运行不起来。
- 局部安装
npm i webpack webpack-cli -D
此时，通过 webpack -v 获得的结果是： webpack: command not found
【原因】：webpack -v 是查询全局安装的webpack
【解决方式】：想要找到某文件夹下局部安装的webpack的版本使用 npx webpack -v (它是通过找该文件夹下的 node_modules 里面的webpack版本)
- 安装某个版本的webpack
npm i webpack@3.6.0 -D
- 卸载
npm uninstall webpack -g
webpack基本使用
index.js文件
import Example from './example'
document.getElementById('#main').append('Hello');
......
上面这个index.js文件直接在浏览器中运行是报错的，因为浏览器不认识 import，而通过webpack工具转换后则可以，只需在bash中输入：
npx webpack index.js
该命令可生成 main.js 文件，而在文件在浏览器中不会报错。
