バベル-ローダーは、私はWebPACKの</strong><strong>を実行する場合、それは正しい結果を得るでしょう、このような構成によりWebPACKの-devのサーバー

Question

var path = require("path"); 
module.exports = { 
    entry: "./src/index.js", 
    output: { 
     filename: "index.js", 
     path: path.resolve(__dirname, "./built/"), 
     publicPath: "/built/" 
    }, 
    plugins: [], 
    module: { 
     rules: [ 
      { 
       test: /\.js$/, 
       loader: "babel-loader" 
      }, 
      { 
       test: /\.vue$/, 
       loader: "vue-loader", 
       options: { 
       } 
      } 
     ] 
    } 
}; 

のために動作しませんが、私はWebPACKの-devのサーバーを実行した場合index.jsのソースコードはES5に転送されません。つまり、babel-loaderはwebpackでは動作しますが、webpack-dev-serverでは動作しません。

なぜですか？

Answer 1

あなたはバベルレジスタがないようですね。

$ npm i --save-dev babel-registerとあなたのエントリファイル（index.js）の最上部にrequire('babel-register');を追加します。

がここに同様の問題を参照してください： Making export default work with Babel, webpack and Node.js