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

Improve performance of SASS build step #3041

Merged
merged 1 commit into from
Aug 14, 2023

Conversation

AlanGreene
Copy link
Member

Changes

Swap sass (pure JavaScript) for sass-embedded (JavaScript wrapper around a native Dart executable) to significantly improve build times.

Installed by using an alias since the sass implementation used by vite is not currently configurable:
npm i sass@npm:sass-embedded

For comparison on one machine:

Command Before After
npm start 25-35s ~1s
npm run build 40-50s ~10s

Both packages are built by the same team, use the same underlying Dart implementation, and are released at the same time.

/kind misc

Submitter Checklist

As the author of this PR, please check off the items in this checklist:

  • Docs included if any changes are user facing
  • Tests included if any functionality added or changed
  • Follows the commit message standard
  • Meets the Tekton contributor standards (including
    functionality, content, code)
  • Has a kind label. You can add one by adding a comment on this PR that contains /kind <type>. Valid types are bug, cleanup, design, documentation, feature, flake, misc, question, tep
  • Release notes block below has been updated with any user facing changes (new features, significant UI changes, API changes, bug fixes, changes requiring upgrade notices or deprecation warnings)
  • Release notes contains the string "action required" if the change requires additional action from users switching to the new release

Release Notes

NONE

Swap `sass` (pure JavaScript) for `sass-embedded` (JavaScript wrapper around
a native Dart executable) to significantly improve build times.

Installed by using an alias since the sass implementation used by vite is
not currently configurable:
`npm i sass@npm:sass-embedded`

For comparison on one machine:

| Command | Before | After |
|---|---|---|
| `npm start` | 25-35s | ~1s |
| `npm run build` | 40-50s | ~10s |

Both packages are built by the same team, use the same underlying
Dart implementation, and are released at the same time.
@tekton-robot tekton-robot added kind/misc Categorizes issue or PR as a miscellaneuous one. size/XS Denotes a PR that changes 0-9 lines, ignoring generated files. labels Aug 14, 2023
@AlanGreene AlanGreene requested review from briangleeson and removed request for skaegi August 14, 2023 11:47
Copy link
Contributor

@briangleeson briangleeson left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

/lgtm

@tekton-robot tekton-robot added the lgtm Indicates that a PR is ready to be merged. label Aug 14, 2023
@tekton-robot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: briangleeson

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@tekton-robot tekton-robot added the approved Indicates a PR has been approved by an approver from all required OWNERS files. label Aug 14, 2023
@AlanGreene
Copy link
Member Author

/test tekton-dashboard-unit-tests

@AlanGreene
Copy link
Member Author

Results in CI

Command Before After
npm run build ✓ built in 1m 7s ✓ built in 17.79s

@tekton-robot tekton-robot merged commit f7508fc into tektoncd:main Aug 14, 2023
3 checks passed
@AlanGreene AlanGreene deleted the sass_perf branch August 14, 2023 12:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
approved Indicates a PR has been approved by an approver from all required OWNERS files. kind/misc Categorizes issue or PR as a miscellaneuous one. lgtm Indicates that a PR is ready to be merged. size/XS Denotes a PR that changes 0-9 lines, ignoring generated files.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants