столпотворение-погрузчик не работает для 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