.babelrc support?

strarsis · July 20, 2018, 6:44pm

For supporting dynamic import syntax, I installed babel-plugin-syntax-dynamic-import package and added a .babelrc to theme:

{
  "plugins": ["syntax-dynamic-import"]
}

However, it has no effect and there is still an error when trying to build:

error  Parsing error: 'import' and 'export' may only appear at the top level

Apparently sage9 uses buble for bable-like compilation, related issue

github.com/bublejs/buble

.babelrc support?

opened 06:29PM - 20 Jul 18 UTC

closed 12:38PM - 23 Jul 18 UTC

strarsis

I want to add support for dynamic import syntax using this `,babelrc`: ```json … { "plugins": ["syntax-dynamic-import"] } ```` However, it seems to be ignored. `buble` is used with webpack (roots.io [sage9](https://github.com/roots/sage) theme). ```js // ... { test: /\.js$/, exclude: [/node_modules(?![/|\\](bootstrap|foundation-sites))/], use: [ { loader: 'cache' }, { loader: 'buble', options: { objectAssign: 'Object.assign' } }, ], }, // ... ```` This issue may be related: https://github.com/babel/babel-loader/issues/552 ```js { loader: 'buble', options: { objectAssign: 'Object.assign', babelrc: true } }, ```` doesn't work either.

alwaysblank · July 20, 2018, 6:55pm

From the Bublé docs (emphasis mine):

As the name suggests, Bublé is heavily inspired by (and indebted to) Babel – but there are some key differences:

Bublé limits itself to ES features that can be compiled to compact, performant ES5 (plus JSX)

There are no plugins or presets – less extensibility, but also zero configuration

What you are attempting to do does not work because Bublé does not support it, and indeed has specifically stated that not supporting it is by design.

strarsis · July 20, 2018, 7:40pm

So I have to replace bublé with full babel compiler?
Are there instructions specicially for sage9?