Updates for stencil storybook angular

[marckassay]

Hello. The essence of this PR unconditionally enables Webpack 5, Babel 7 for Storybook, but just for Stencil package of this repository. No Nx migration additions have been developed since this is my first Nx development which I'm still learning it's internal api. To mention one of the several reasons for this development on my part is to use .tsx files for Storybook stories without lit-html, which this PR introduces, but with one caveat. That caveat is in the __componentFileName__.stories.tsx.template file along with a comment above it.

Feel free to ask any questions and or make edits. Thanks again for this this repo!

Also, prior to using the script below, 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 8c80385. 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 4 targets

• nx affected:e2e --base=origin/main --head=HEAD
• nx affected:test --base=origin/main --head=HEAD --parallel
• nx affected:lint --base=origin/main --head=HEAD --parallel
• nx affected:build --base=origin/main --head=HEAD

---

Sent with 💌 from NxCloud.

[DominikPieper]

Oh great, thank you :-)