Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add loaders, rules, and plugins to dashboard #2

Open
3 of 10 tasks
codenickycode opened this issue Dec 4, 2023 · 1 comment
Open
3 of 10 tasks

Add loaders, rules, and plugins to dashboard #2

codenickycode opened this issue Dec 4, 2023 · 1 comment

Comments

@codenickycode
Copy link
Owner

  • react refresh plugin
  • mini css extract loader
  • style loader
  • font rule
  • image rule
  • svg rule
  • swc loader
  • dot env plugin
  • css loader
    • camelCase
  • postcss-loader
    • autoprefixer
@codenickycode
Copy link
Owner Author

Code splitting:

DOM widget renders an async component using React.lazy. Asserts component loaded correctly.
Script imports dynamic chunk, asserts import succeeded
Validate prod/dev builds:

Script checks process.env.NODE_ENV value
Script compares build output file sizes
Unused CSS:

Script parses CSS bundles, asserts usage of each class/selector
DOM widget imports CSS, asserts measured styles after rendering
Environment vars:

Script asserts env vars replaced, e.g. process.env.API_KEY is defined
Tree shaking:

Script imports known unused code, asserts it's not included
DOM widget imports large utility library, checks bundle size
Content hashing:

Script fetches all asset files, checks hashes look correct
TypeScript types:

Script checks all tsconfig types are generated
DOM widgets tests importing .d.ts files
JSDoc comments:

Script parses output bundle, asserts JSDoc comments exist

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant