我们新建一个项目,会先配置webpack,然后配置babel
babel是一个编译工具,实际上,babel也是可以单独使用的
webpack
webpack 是一个现代 JavaScript 应用程序的静态模块打包器。(项目打包)
babel
babel 是一个 JavaScript 编译器。(把浏览器不认识的语法,编译成浏览器认识的语法。)
babel-loader
用来连接webpack使用babel的加载器
三者的关系
- babel 是编译工具,把js高级语言转换成浏览器能识别的js语言。
- webpack 是打包工具,定义入口文件,将所有模块引入整理后,通过 loader 和 plugin 处理后,打包输出。
- webpack 通过 babel-loader 使用 babel 。