webpack4.0

1. webpack 刚开始是js的模块打包，现在是一个任何模块打包工具 可以识别 CommonJS引入规范 CMD AMD

2. commonJS： module.exports require()

3. webpack 如果安装全局 会不利于各个项目的切换和项目间的依赖

4.目录下新建webpack.config.js

灵魂三问： webpack是什么 模块是什么 webpack配置文件作用是什么

module rule里的loader是什么 plugin是什么

插件：

htmlWebpackPlugin 会在打包结束后 自动生成一个html文件 并把打包生成的js自动引入到html文件中

babel是一个js编译器

　　可以把ES6转换成ES5

　　可以用polyfill在目标环境中添加缺失特性 (通过 @babel/polyfill模块)

5. webpack 的tree shaking 按需加载