babel-loader如何处理ES6导入？

Question

babel-loader是否将导入任务留给了webpack？ webpack中的babel-loader和节点CLI中的babel工具之间有什么区别？

Answer 1

它们大致相同，我认为它们都使用相同的babel-core进行转换。使用babel加载程序可确保webpack在连接它们之前通过babel运行匹配的文件（或其他任何内容）。我认为你的es6 import语句将被转换为需要，然后是webpack。 webpack loader应该可以使用大多数babel CLI选项。这是一个配置示例：

module: {
    loaders: [
        {
            test: /\.json$/,
            loaders: ['json-loader']
        }
        , {
            test: /\.jsx$/,
            loader: 'babel',
            query: {
                optional: ['es7.classProperties']
            }
        }
    ],
}

webpack loader docs.