systemjs / plugin-babel

SystemJS Babel Plugin
MIT License
82 stars 33 forks source link

plugin-babel does not work #85

Open nimo23 opened 6 years ago

nimo23 commented 6 years ago

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?

nimo23 commented 6 years ago

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"]
            }
          }
        }
      },