use <slot>

This issue serves as a documentation on how I've upgraded this catalog app to Babel 6 while retaining the babel-runtime at version 5 for JSPM. Following the conversation here: ☝️ 6. Juni 2016 15:14

The upgrade steps I took are as follows:

• delete all babel occurrences in package.json but babel-runtime and babel-eslint
• replace these with (npm install --save-dev):
  • babel
  • babel-dts-generator
  • babel-plugin-syntax-flow
  • babel-plugin-transform-decorators-legacy - to support es7 decorators
  • babel-plugin-transform-es2015-modules-amd - to support output in AMD format
  • babel-plugin-transform-es2015-modules-commonjs - to support output in CommonJS format
  • babel-plugin-transform-es2015-modules-systemjs - to support output in SystemJS format
  • babel-plugin-transform-flow-strip-types
  • babel-preset-es2015 - es2015 preset
  • babel-preset-es2015-loose
  • babel-preset-es2015-stage1

the diff

Babel 6 uses a slightly different configuration. For example stages are now managed by the presets section as opposed to being a top level setting. The transformations (transform-decorators-legacy, transform-flow-strip-types) are not included in babel's presets.

So I've changed the configuration file like this: the diff.

This configuration is taken originally from an issue in aurelia-materialize-bridge.

The different build targets are exported as functions which extend the base configuration options (see here).

The build task has been changed accordingly: see here (the diff).

original: aurelia-ui-toolkits/aurelia-v-grid#7