systemjs / plugin-babel

SystemJS Babel Plugin

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

plugin-babel does not work

nimo23 opened this issue · comments

I am using System.js, JSPM, React.

I imported all plugins, however, react-files (jsx) does not transpile. I have this in jspm.config.js (jspm-version: 0.17.0-beta.47):

transpiler: "plugin-babel",
   packages: {
     "test": {
       "main": "test.js",
       "meta": {
         "*.js": {
           "loader": "plugin-babel",
           'format': 'esm',
           'babelOptions': {
             'modularRuntime': false,
             stage1: true,
             react: true,
             presets: ['babel-preset-react']
           }
         }
       }
     }
   }

when runing jspm build, I get this error:

[01:09:47] Starting 'jspm'...
       Building the bundle tree for src/index.js...
  
  err  Error on translate for test/index.js at file:///test/src/index.js
    SyntaxError: file:///test/src/index.js: Unexpected token (6:11)
    4 | var HelloMessage = React.createClass({
    5 |   render: function() {
  > 6 |     return <div>Hello {this.props.name}</div>;
      |            ^
    7 |   }
    8 | });

because jsx-file is not transpiled by babel. I can use "gulp-babel" and transpile it, then it works. But "jspm with plugin-babel" should do this also. What is wrong?

I have also tried it with this. Does not work:

transpiler: "plugin-babel",
defaultExtension: true,
"format": "esm",
meta: {
    '*.jsx': {
      'babelOptions': {
      		"plugins": ["babel-plugin-transform-react-jsx"]
      }
    }
  },
packages: {
  "test": {
      "main": "index.js",
      "format": "esm",
      "meta": {
        "*.js": {
          "babelOptions": {
            "plugins": ["babel-plugin-transform-react-jsx"]
          }
        }
      }
    },