search

jantimon / next-yak

a streamlined CSS-in-JS solution tailor-made for Next.js, seamlessly combining the expressive power of styled-components syntax with efficient build-time extraction and minimal runtime footprint, ensuring optimal performance and easy integration with existing atomic CSS frameworks like Tailwind CSS
https://yak.js.org
108 stars 2 forks source link

add bundler integration tests for webpack #105

Closed jantimon closed 1 month ago

jantimon commented 1 month ago

This PR introduces a new private package for the next-yak monorepository It is called webpack-tests and is meant to test the integration into webpack for our bundling process

Key additions and improvements:

  1. New packages/webpack-tests directory with comprehensive Webpack integration tests
  2. Custom compilation function that simulates Next.js Webpack configuration and build process
  3. In-memory file system setup for efficient and isolated testing
  4. Tests to verify correct CSS extraction from TypeScript files using our custom loaders
  5. Integration of next-yak/withYak into the build process (allows to test different configs)
  6. Will allow us to run babel and swc tests with the same unit tests

The new test suite runs as part of our CI pipeline, adding an extra layer of confidence to our build and release process.

vercel[bot] commented 1 month ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
next-yak-benchmark ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 30, 2024 9:17am
yacijs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 30, 2024 9:17am
codspeed-hq[bot] commented 1 month ago

CodSpeed Performance Report

Merging #105 will not alter performance

Comparing webpack-e2e-tests (f779b3a) with main (0ed87aa)

Summary

✅ 2 untouched benchmarks