Skip to content
This repository was archived by the owner on Oct 9, 2020. It is now read-only.
This repository was archived by the owner on Oct 9, 2020. It is now read-only.

plugin-babel does not work #85

@nimo23

Description

@nimo23

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?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions