Webpack 4.x中如何安装、配置并使用babel进行代码转换？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1584个文字，预计阅读时间需要7分钟。
前言：目前，ES6（ES2015）这样的语法已经得到广泛应用，它具有更加简洁、功能更强大的特点。在许多实际项目中，很可能已经采用了ES6的模块化。然而，浏览器对ES6语法的支持并不完全。
前言
目前，ES6（ES2015）这样的语法已经得到很大规模的应用，它具有更加简洁、功能更加强大的特点，实际项目中很可能会使用采用了ES6语法的模块，但浏览器对于ES6语法的支持并不完善。为了实现兼容，就需要使用转换工具对ES6语法转换为ES5语法，babel就是最常用的一个工具。那么在webpack中如何使用babel呢？这是本篇文章要探讨的问题。
写这篇文章的目的还在于最新webpack版本的一些操作方式已经变化、babel也在不断更新，以往的一些资料或者教程已不适合。笔者对webpack最新版4.1.1下使用babel进行了探索，现将结果总结为本文，以下经测试通过可行，读者可参考设置。
本文共计1584个文字，预计阅读时间需要7分钟。
前言：目前，ES6（ES2015）这样的语法已经得到广泛应用，它具有更加简洁、功能更强大的特点。在许多实际项目中，很可能已经采用了ES6的模块化。然而，浏览器对ES6语法的支持并不完全。
前言
目前，ES6（ES2015）这样的语法已经得到很大规模的应用，它具有更加简洁、功能更加强大的特点，实际项目中很可能会使用采用了ES6语法的模块，但浏览器对于ES6语法的支持并不完善。为了实现兼容，就需要使用转换工具对ES6语法转换为ES5语法，babel就是最常用的一个工具。那么在webpack中如何使用babel呢？这是本篇文章要探讨的问题。
写这篇文章的目的还在于最新webpack版本的一些操作方式已经变化、babel也在不断更新，以往的一些资料或者教程已不适合。笔者对webpack最新版4.1.1下使用babel进行了探索，现将结果总结为本文，以下经测试通过可行，读者可参考设置。