mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
95722020fe
Fixes #16036 This adds a new rule to treat `<style>` blocks found within `.html` file as Tailwind CSS targets. ## Test plan - Tested using the Vite extension (dev) and a new integration test (prod) Co-authored-by: Robin Malfait <malfait.robin@gmail.com>
59 lines
1.2 KiB
TypeScript
59 lines
1.2 KiB
TypeScript
import { html, json, test, ts } from '../utils'
|
|
|
|
test(
|
|
'transforms html style blocks',
|
|
{
|
|
fs: {
|
|
'package.json': json`
|
|
{
|
|
"type": "module",
|
|
"dependencies": {
|
|
"tailwindcss": "workspace:^"
|
|
},
|
|
"devDependencies": {
|
|
"@tailwindcss/vite": "workspace:^",
|
|
"vite": "^6"
|
|
}
|
|
}
|
|
`,
|
|
'vite.config.ts': ts`
|
|
import { defineConfig } from 'vite'
|
|
import tailwindcss from '@tailwindcss/vite'
|
|
|
|
export default defineConfig({
|
|
plugins: [tailwindcss()],
|
|
})
|
|
`,
|
|
'index.html': html`
|
|
<!doctype html>
|
|
<html>
|
|
<body>
|
|
<div class="foo"></div>
|
|
<style>
|
|
.foo {
|
|
@apply underline;
|
|
}
|
|
</style>
|
|
</body>
|
|
</html>
|
|
`,
|
|
},
|
|
},
|
|
async ({ fs, exec, expect }) => {
|
|
await exec('pnpm vite build')
|
|
|
|
expect(await fs.dumpFiles('dist/*.html')).toMatchInlineSnapshot(`
|
|
"
|
|
--- dist/index.html ---
|
|
<!doctype html>
|
|
<html>
|
|
<body>
|
|
<div class="foo"></div>
|
|
<style>.foo{text-decoration-line:underline}</style>
|
|
</body>
|
|
</html>
|
|
"
|
|
`)
|
|
},
|
|
)
|