build(babel): Upgrade babel to v7

[mcous]

overview

Chore PR to upgrade babel to v7 (as discussed in #2815 and #2568). Key benefits:

• Sane and consolidated config file with support for per-project overrides (see babel.config.js)
• Support for <> instead of writing out <React.Fragment>
• Eases exploration of (gradually) migrating from Flow to TypeScript via Babel if and only if that's a thing that would benefit us

changelog

• Upgrade to Babel v7
• Added circular dependency plugin to webpack
  • Build project with ANALYZER=true or ANALYZER=1 to turn on the bundle analyzer and circular dependency checking

review requests

Make sure our Flow-based projects still work:

• app
• app-shell
• components
  • discovery-client
• labware-designer
• protocol-designer
• protocol-library-kludge
• shared-data

[codecov]

Codecov Report

Merging #2858 into edge will increase coverage by 2.3%.
The diff coverage is 0%.

@@            Coverage Diff            @@
##             edge    #2858     +/-   ##
=========================================
+ Coverage   51.21%   53.51%   +2.3%     
=========================================
  Files         657      660      +3     
  Lines       18515    19555   +1040     
=========================================
+ Hits         9482    10465    +983     
- Misses       9033     9090     +57

Impacted Files	Coverage Δ
babel.config.js	0% <0%> (ø)
discovery-client/src/cli.js	0% <0%> (ø)	⬆️
api/src/opentrons/api/models.py	84.61% <0%> (-6.57%)	⬇️
api/src/opentrons/main.py	27.9% <0%> (-0.67%)	⬇️
api/src/opentrons/hardware_control/controller.py	63.7% <0%> (-0.23%)	⬇️
api/src/opentrons/hardware_control/pipette.py	98.34% <0%> (-0.21%)	⬇️
api/src/opentrons/protocol_api/labware.py	94.03% <0%> (-0.15%)	⬇️
...onents/StepEditForm/FlowRateField/FlowRateField.js	0% <0%> (ø)	⬆️
...l-designer/src/top-selectors/tip-contents/index.js	0% <0%> (ø)	⬆️
app/src/index.js	0% <0%> (ø)	⬆️
... and 69 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update cca529c...00b6a96. Read the comment docs.

[Kadee80]

🎏

• app
• app-shell
• components
• discovery-client

[IanLondon]

• labware-designer
• protocol-designer
• protocol-library-kludge
• shared-data

Make sure to fix typo in webpack-config/lib/env.js before merge but this looks great! I like the analyzer.

[IanLondon]

ANALZER = typo

also not sure why it's !== 'false instead of (ANALYZER === 'true' || ANALYZER === '1')?

[mcous]

Ah good catch! Will fix up

The !== stuff is based on my own personal expectations. Not at all married to it, but it's an attempt to allow $ANALYZER to be any truthy value to enable the analyzer (e.g. ANALYZER=yes, ANALYZER=foo, ANALYZER=99)

[b-cooper]

👶