"Você pode precisar de um carregador apropriado para lidar com este tipo de arquivo" com Webpack e Babel

Os desenvolvedores podem encontrar a mensagem de erro "Você pode precisa de um carregador apropriado para lidar com este tipo de arquivo" ao usar Webpack com Babel para compilar código ES6. Esse problema surge quando o Babel não possui as predefinições necessárias para lidar com sintaxe ou recursos específicos.

Solução para Babel 6.xe Webpack 1.x

Para versões mais antigas do Babel e Webpack, a solução é a seguinte:

1. Instale o preset ES2015:

   npm install babel-preset-es2015

2. Configure o babel-loader para incluir a predefinição:

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

Atualização para versões mais recentes

Para Babel >= 7.x e Webpack >= 2.x:

• Use @babel/preset-env em vez de babel-preset-es2015.
• Use opções em vez de consulta em a configuração do babel-loader.