babel-loader如何处理ES6导入?

问题描述:

babel-loader是否会将导入任务留给webpack?节点CLI中webpack中的babel-loader和babel工具之间的区别?babel-loader如何处理ES6导入?

它们大致相同,我认为它们都使用相同的babel核心进行反式打桩。使用babel加载器可确保webpack在连接它们(或其他任何)之前通过babel运行匹配的文件。我认为你的es6导入语句将被转译为需要,然后是webpack。大多数babel CLI选项都应该可用于webpack加载器。下面是一个配置实例:

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

webpack loader docs.