nuxt / nuxt/icon

Using Font Awesome PRO Kit with Custom Collections — Reducing Bundle Size

Open
#398 4 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
1.2k
Forks
96
Avg merge
8h 12m
Merged PRs (30d)
2

Description

Hi guys,

I'm currently using Font Awesome PRO and have installed a kit via pnpm. I've added the icons to my customCollections, but I'm running into the bundle size limit of 256kb.

Is there a way to include only specific icons from the kit so that the entire library isn't bundled? I've tried several approaches but haven't been able to get it working.

Any guidance or examples would be greatly appreciated!

Thanks in advance.

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 by reviewing the customCollections configuration and the pnpm-installed kit described in the issue. Determine whether individual icons can be selected without bundling the full kit, and verify that the resulting bundle stays below the 256kb limit; the issue does not name a file or test to run.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxtjs, typescript
Domain
frontend, performance
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.