巴貝爾裝載機不適合的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，它會得到一個正確的結果，但如果我跑的WebPack-DEV-服務器， index.js中的源代碼將不會被轉換爲ES5.換句話說，babel-loader僅適用於webpack，而不是webpack-dev-server。

爲什麼？

Answer 1

聽起來像你缺少babel註冊表。

$ npm i --save-dev babel-register並將require('babel-register');添加到條目文件的最頂部（index.js）。

查看類似的問題在這裏： Making export default work with Babel, webpack and Node.js