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 按需加载