如何解决使用 Webpack 和 Babel 时的“适当加载器”错误？

使用 Webpack 和 Babel“您可能需要一个适当的加载器来处理此文件类型”

开发人员可能会遇到错误消息“您可能当使用带有 Babel 的 Webpack 来编译 ES6 代码时，需要一个合适的加载器来处理这种文件类型。当 Babel 缺乏处理特定语法或功能所需的预设时，就会出现此问题。

Babel 6.x 和 Webpack 1.x 的解决方案

对于旧版本的 Babel和Webpack，解决方案如下：

1. 安装ES2015预设：

   npm install babel-preset-es2015

2. 配置babel-loader以包含预设：

   {
       test: /\.jsx?$/,
       loader: 'babel-loader',
       exclude: /node_modules/,
       query: {
           presets: ['es2015']
       }
   }

更新新版本

对于 Babel >= 7.x 和 Webpack >= 2.x:

• 使用 @babel/preset-env 而不是 babel-preset-es2015。
• 在 babel-loader 配置中使用选项而不是查询。

以上是如何解决使用 Webpack 和 Babel 时的“适当加载器”错误？的详细内容。更多信息请关注PHP中文网其他相关文章！