如何在 ES6 中编译 webpack?

Posted

技术标签:

【中文标题】如何在 ES6 中编译 webpack?【英文标题】:How to make webpack compile in ES6? 【发布时间】:2019-07-12 18:51:38 【问题描述】:

我有 Webpack 2.x。默认情况下,这会编译 ES5 中的代码。怎么改?

【问题讨论】:

【参考方案1】:

默认情况下,你应该为你的 webpack 编译文件有一个加载器。你可以看看 babel-loader。将其包含在您的 webpack 配置中,您应该能够将其配置为转译为 ES6。

【讨论】:

你能展示任何 ES6 加载器的配置示例吗? 只是我在 Laravel Elixir 中使用了内置配置,但我可以扩展它【参考方案2】:

您可以使用babel preset env 来定位浏览器,而不是在列表中包含 IE 以及您正在使用的特定版本的浏览器。那应该只转换为最新版本。否则,您可以在 babelrc 文件中指定要转译的特定预设,以仅转译这些预设。

【讨论】:

以上是关于如何在 ES6 中编译 webpack?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 webpack.config.js 中使用 ES6?

如何在webpack.config.js中使用ES6?

如何在 webpack 中同时使用 ES6 加载器和 brfs 转换?

如何使用 React + ES6 + webpack 导入和导出组件?

如何在Webpack中使用Jest和ES6功能

React jsx babel es6 webpack 如何在渲染中评论(返回(//||/**/))?