babel+webpack

一，Babel的简单使用

1，简单使用

第二种：

2，转换语法——@babel/preset-env

3，转换api——polyfill

4，babel版本

5，presets\plugins

6，babel-polyfill

7，presets参数项

(1)targets

(2)useBuiltIns

(3)core.js

(4)modules

(5)@babel/runtime @babel/plugin-transform-runtime

(6)babel工具

二，webpack的简单使用

1，快速入门

2，loader

（1）loader基础配置

（2）rules其他参数

（3）babel-loader

（4）file-loader

（5）url-loader

3，模块化

（1）export

（2）import

（3）import( )

4，entry

(1)context

(2)entry写法

5,output

6, hash、chunkhash和contenthash区别

7，plugin

(1) clean-webpack-plugin

(2) copy-webpack-plugin

(3) html-webpack-plugin

以src文件下的html为模板，生成dist文件下的html，并在html中自动引入bundle.js

8，开发环境配置

（1）webpack-dev-server

（2）source map

9，生产环境配置

（1）环境变量