nofusscomputing / nofusscomputing/centurion_ui

Prepare build artifacts for CDN usage

Open
#238 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

task::chore
Dominant language
TypeScript
Stars
0
Forks
0
Avg merge
1d 4h
Merged PRs (30d)
20

Description

Deploying the build artifacts to a Content Delivery Network (CDN) will enable any site that uses the UI to have a single location where all assets come from which in turn enables the artifacts to be cached and only ever once

Details

Now that Webpack includes built-in css and minification, patternfly styles must only import what is used.

No longer is it required to import the entire patternfly styles when the individual modules that are used, can be imported instead. Inturn this will reduce the style file size.

Tasks

  • Update all css imports to only import what is required from patternfly.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the CSS import in src/layouts/ui.tsx at the linked location, then search the repository for all other PatternFly CSS imports. Update each import to include only the modules used and verify the Webpack build produces the expected artifacts with smaller style output.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, typescript, webpack
Domain
build-system, frontend
Issue type
Refactor
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
65/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.