Updates for stencil storybook babel

[marckassay]

In my opening comment in PR #711, I mentioned a caveat that this PR resolves.

Although the Stencil issue/feature I mentioned in a source code comment for that PR is still open, I recently discovered that Babel was not configured to prevent tree shaking which was removing Stencil's h module. Setting onlyRemoveTypeImports to true in Babel config file prevents h module from being removed.

In addition, Babel 7 config file (.babelrc.json) is now deployed for new Stencil Storybook projects. This is for Babel project level adjustments if needed. In order for this to work, babel-loader for Webpack is required to have the following option property: rootMode: 'upward'. This property, when config files are being used, can only be set during runtime. This PR programmatically sets that when the root '.storybook/main.ts' file is being processed.

Make edits and please ask for any clarification if needed.

Prior to executing the script below if you choose, run verdaccio locally and: clone, build and publish (/dist/packages/stencil package) with semver version of choice. Below I used 14.0.3-local.1. This script is a smoke test that I used and should launch Storybook with a single story generated.

npx create-nx-workspace@latest --name nx-workspace --cli nx --preset angular --appName web --style css --packageManager npm --nxCloud false
cd nx-workspace
npm add @nxext/stencil@14.0.3-local.1 --save
git add .
git commit -m "post: npm add @nxext/stencil"
npx nx generate @nxext/stencil:library nx-project --buildable --style css
git add .
git commit -m "post: nx generate @nxext/stencil:library nx-project"
npx nx generate @nxext/stencil:storybook-configuration nx-project --configureCypress true
git add .
git commit -m "post: nx generate @nxext/stencil:storybook-configuration"
npx nx generate @nxext/stencil:component --project nx-project --name test-component
git add .
git commit -m "post: nx generate @nxext/stencil:component"
npx nx generate @nxext/stencil:add-outputtarget --outputType angular --projectName nx-project
git add .
git commit -m "post: nx generate @nxext/stencil:add-outputtarget"
npx nx run nx-project:build
git add .
git commit -m "post: nx run nx-project-build"
npx nx run nx-project:test
npx nx run nx-project:storybook

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 802fb9b. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 6 targets

• nx affected --target=e2e
• nx affected --target=test --parallel 3
• nx affected --target=build --parallel 3
• nx affected --target=lint --parallel 3
• nx-cloud record -- yarn nx format:check
• nx-cloud record -- yarn nx workspace-lint

---

Sent with 💌 from NxCloud.