解決Webpack 和Babel 的“您可能需要合適的加載器”錯誤

遇到此錯誤意味著Webpack 需要合適的加載器來解釋文件。在這個特定實例中，Babel 將用於 ES6 編譯。若要解決此問題，請依照下列步驟操作：

1. 安裝ES2015 預設：

   npm install babel-preset-es2015

2. 設定Babel-Loader：
   修改您的Webpack 設定檔以包含以下內容：

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

此組態通知 Babel 使用 ES2015 預設來轉譯 ES6 程式碼。

對於Babel >= 7.x 和Webpack >= 2 的用戶.x

如果您使用這些工具的較新版本，配置語法已經演變：

• 以Babel-loader 設定中的選項取代查詢。
• 使用 @babel/preset-env 而不是 babel-preset-es2015。