javascript - ES6与ES5写webpack配置文件的疑问

问题描述

问 题

const config = {

    entry: './src/index.js',
    output: {
        path: '/assets/',
        filename: 'app.js'
    },
    devServer: {
        hot: true,
        port: 7777
    },
    module: {
        loaders: [{
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'babel',
            query: {
                presets: ['es2015', 'react']
            }
        }]
    }
}

export default  config;

文件运行后报错了。
最后一句改为module.exports =config;就不报错了。
我觉得这是因为这个export default是ES6的语法，没有babel转化，所以报错。但是上面的const不也是es6的语法法，但是为什么他不报错？

解决方案

因为const 在某些版本已经实现了, 不需要babel转化.
具体进度 http://kangax.github.io/es5-compat-table/es6/

另外说明下, 模块应该是ES2015 最难实现的特性, 可能也会是最后实现的特性, 无论浏览器端还是node环境都有不少问题. 你可以在上面那份进度中看到, 其他大部分的es6特性在node 5.* 都已经实现.

这篇关于javascript - ES6与ES5写webpack配置文件的疑问的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！