Update all Babel package versions.

[lindapaiste]

• Replace all babel- v6 packages with v7 @babel/ packages.
• Update babel-loader from v7 to v8.
• Change package name from "babel-polyfill" to "@babel/polyfill" in webpack config and karma config.
• Change module.exports = in src/index.js to export default, as module.exports cannot be used in files with import syntax.
• Add libraryExport: "default" to the webpack config, which is needed due to the previous change.

[joeyklee]

positive affirmation:

• Gosh, i struggled SO long trying to figure out how to get the default export to work. Webpack can be so insane that tracking down these options is a challenge. Thanks for this!

[joeyklee]

Question:

• Do we still need the polyfill here? Looking at the babel docs it looks like we can specify entry on the useBuiltIns option for preset-env ? https://babeljs.io/docs/en/babel-polyfill/#usage-in-node--browserify--webpack

I don't want to send us on a wild goose chase so if this is working, then Im totes happy to keep it! I got lost in trying to fix this and it seemed like a lot of heartache for not a big difference in code change.

[lindapaiste]

Good idea. Definitely seems like that should work!

[joeyklee]

🤔 hiii I'm trying to run this locally and seeing the following:

➜  ml5-library git:(lindapaiste-fix/babel-versions) ✗ npm i
npm ERR! code ENOLOCAL
npm ERR! Could not install from "node_modules/eslint-nibble/eslint-stats@github:ianvs/eslint-stats#cb1ff8251b50c7f0cb431a2b395431ebfdeb10c8" as it does not contain a package.json file.

I deleted my node_modules and tried to reinstall but no dice.

Update: whoops! looked like I had some zombie files! It's totally working!

[joeyklee]

LGTM! I've tested this locally and can confirm that this is working as expected.

Thanks so much for teaching me something new and for doing this critical infrastructure support work. It really helps move us towards modernizing our dev setup and tooling! 🥇