mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
82ddc249c3
Resolves #15977 Our `@tailwindcss/browser` build is intended to run inside a `<script>` tag inside browsers. Because of how variable assignment within `<script>` tags work, all variables that were defined within that script are currently assigned on the global namespace. This is especially troublesome as eslint uses `$` as a valid mangling character so importing the CDN build would now redefine `globalThis.$` which collides with many very popular JavaScript libraries. In order to avoid polluting the global namespace, this PR changes the build step to emit an IIFE (so all vars defined are scroped to the function closure instead of the global namespace). ## Test plan - Ensure UI tests still work - <img width="533" alt="Screenshot 2025-01-28 at 16 49 27" src="https://github.com/user-attachments/assets/1e027451-f58b-4252-bf97-c016a90eb78b" />
16 lines
268 B
TypeScript
16 lines
268 B
TypeScript
import { defineConfig } from 'tsup'
|
|
|
|
export default defineConfig({
|
|
format: ['iife'],
|
|
clean: true,
|
|
minify: true,
|
|
entry: ['src/index.ts'],
|
|
noExternal: [/.*/],
|
|
loader: {
|
|
'.css': 'text',
|
|
},
|
|
define: {
|
|
'process.env.NODE_ENV': '"production"',
|
|
},
|
|
})
|