javascript - 有没有JSX转JS的插件，gulp，Webpack的都可以

Question

想用react写一个chrome插件，直接用jsx语法，jsx翻译成内联的js，chrome拒绝，需要转成普通的js做外联

Answer 1

babel 使用预编译

Answer 2

webpack的话可以使用 jsx-loader 或者babel。功能一样，不过jsx-loader已经不被推荐使用了。

• babel

module: {
  loaders: [
    {
      test: /\.jsx?$/,
      exclude: /(node_modules|bower_components)/,
      loader: 'babel'
    }
  ]
}

• jsx-loader

module: {
  loaders: [
    {
      test: /\.jsx?$/,
      exclude: /(node_modules|bower_components)/,
      loader: 'jsx-loader'
    }
  ]
}