babel-loader 不适用于 webpack-dev-server

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-开发服务器,index.js 中的源代码不会被转译为 ES5。换句话说，babel-loader 仅在以下情况下才起作用webpack，但不是webpack-开发服务器.

why?

听起来你缺少 babel-register 。

$ npm i --save-dev babel-register并添加require('babel-register');到您的条目文件的最顶部（index.js).

请参阅此处的类似问题：使导出默认与 Babel、webpack 和 Node.js 配合使用 https://stackoverflow.com/questions/39424920/making-export-default-work-with-babel-webpack-and-node-js