Skip to content

Generate CSS after Vite handles imports during prod builds #14850

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.

Sign up for GitHub

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

Closed
thecrypticace wants to merge 6 commits into from
Closed

Generate CSS after Vite handles imports during prod builds #14850

Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
4a0701a
Add helper for writing binary files in integration tests
thecrypticace Oct 31, 2024
20685a3
Add failing test for Vite URL rewriting
thecrypticace Oct 31, 2024
35eb86d
Add test for `:deep(…)` in Vue scoped style blocks
thecrypticace Oct 31, 2024
53049e9
Generate CSS after Vite handles imports during prod builds
thecrypticace Oct 31, 2024
eb8ae52
Disable fix when using Lightning CSS
thecrypticace Oct 31, 2024
45da06c
Add stub test for lightningcss
thecrypticace Nov 1, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Add test for :deep(…) in Vue scoped style blocks
  • Loading branch information
@thecrypticace
thecrypticace committed Oct 31, 2024
commit 35eb86dbf0bf14d8e37f4dc8c618ae71868ea187
12 changes: 10 additions & 2 deletions integrations/vite/vue.test.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,9 +51,15 @@ test(
@apply text-red-500;
}
</style>

<style scoped>
@import 'tailwindcss/utilities';
@import 'tailwindcss/theme' theme(reference);
:deep(.bar) {
color: red;
}
</style>
<template>
<div class="underline foo">Hello Vue!</div>
<div class="underline foo bar">Hello Vue!</div>
</template>
`,
},
Expand All @@ -65,5 +71,7 @@ test(
expect(files).toHaveLength(1)

await fs.expectFileToContain(files[0][0], [candidate`underline`, candidate`foo`])

await fs.expectFileNotToContain(files[0][0], [':deep(.bar)'])
},
)