首页 > Web开发 > 详细

Webpack中无法加载babel ES6解析

时间:2016-09-19 19:30:58      阅读:288      评论:0      收藏:0      [点我收藏+]

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‘]
}

 

Webpack中无法加载babel ES6解析

原文:http://www.cnblogs.com/holy-night/p/5885945.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!