Webpack中无法加载babel ES6解析

Posted 2020-08-09 holy_night

webpack.config.js 设置配置如下

module.exports = {
    entry: {
        b: "./src/b.js",
        cc: "./src/c.js",
        es: "./src/es6.js"
    },
    output: {
        filename: "[name].js",
        //filename:"[name][hash].js",
        //filename:"[chunkhash].js",
        path: __dirname + ‘/build‘
    },
    module: {
        loaders: [
            {
                test: /\.js$/, 
                loader: ‘babel‘,
                include:[path.resolve(__dirname,"src")],
                query:{
                    presets:[‘es2015‘]
                }
            }
        ]
    },
    // babel:{
    //     presets:[‘es2015‘]
    // }
}

方式1： 模块加载器中使用query

方式2： 外部使用 

babel:{
　　presets:[‘es2015‘]
}，

方式3：在配置文件的同目录新增文件 .babelrc ，内容如下：

{
　　presets:[‘es2015‘]
}