巴贝尔装载机不适合的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