如何修复 Webpack 和 Babel 的“您可能需要适当的加载器来处理此文件类型”错误？

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

当遇到“您可能需要合适的加载器来处理此文件类型”时“Webpack 和 Babel 的错误，问题通常在于加载器配置。要解决此问题，请按照以下步骤操作：

第 1 步：安装 ES2015 预设

安装 babel-preset-es2015 预设：

npm install babel-preset-es2015

第 2 步：配置 Babel -Loader

修改 Webpack 配置以在 babel-loader 配置中包含 ES2015 预设：

<code class="javascript">module: {
  loaders: [
    {
      test: /\.jsx?$/,
      loader: 'babel-loader',
      exclude: /node_modules/,
      query: {
        presets: ['es2015']
      }
    }
  ]
}</code>

第 3 步：更新较新版本（可选）

对于Babel >= 7.x:

<code class="javascript">test: /\.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/,
options: {
  presets: ['@babel/preset-env']
}</code>

对于 Webpack >= 2.x:

<code class="javascript">options: {
  // ...
}</code>

以上是如何修复 Webpack 和 Babel 的“您可能需要适当的加载器来处理此文件类型”错误？的详细内容。更多信息请关注PHP中文网其他相关文章！