804b384271
- Add npm scripts for CSS/JS compilation (build:css, build:js, build) - Create PowerShell build automation script - Document development workflow in README - Add troubleshooting guide for build issues - Specify proper file structure and compilation process Supports Tailwind CSS v3.4.0 and esbuild bundling with source maps.
57 lines
2.2 KiB
JavaScript
57 lines
2.2 KiB
JavaScript
import normalizeTailwindDirectives from './lib/normalizeTailwindDirectives'
|
|
import expandTailwindAtRules from './lib/expandTailwindAtRules'
|
|
import expandApplyAtRules from './lib/expandApplyAtRules'
|
|
import evaluateTailwindFunctions from './lib/evaluateTailwindFunctions'
|
|
import substituteScreenAtRules from './lib/substituteScreenAtRules'
|
|
import resolveDefaultsAtRules from './lib/resolveDefaultsAtRules'
|
|
import collapseAdjacentRules from './lib/collapseAdjacentRules'
|
|
import collapseDuplicateDeclarations from './lib/collapseDuplicateDeclarations'
|
|
import partitionApplyAtRules from './lib/partitionApplyAtRules'
|
|
import { createContext } from './lib/setupContextUtils'
|
|
import { issueFlagNotices } from './featureFlags'
|
|
|
|
export default function processTailwindFeatures(setupContext) {
|
|
return async function (root, result) {
|
|
let { tailwindDirectives, applyDirectives } = normalizeTailwindDirectives(root)
|
|
|
|
// Partition apply rules that are found in the css
|
|
// itself.
|
|
partitionApplyAtRules()(root, result)
|
|
|
|
let context = setupContext({
|
|
tailwindDirectives,
|
|
applyDirectives,
|
|
registerDependency(dependency) {
|
|
result.messages.push({
|
|
plugin: 'tailwindcss',
|
|
parent: result.opts.from,
|
|
...dependency,
|
|
})
|
|
},
|
|
createContext(tailwindConfig, changedContent) {
|
|
return createContext(tailwindConfig, changedContent, root)
|
|
},
|
|
})(root, result)
|
|
|
|
if (context.tailwindConfig.separator === '-') {
|
|
throw new Error(
|
|
"The '-' character cannot be used as a custom separator in JIT mode due to parsing ambiguity. Please use another character like '_' instead."
|
|
)
|
|
}
|
|
|
|
issueFlagNotices(context.tailwindConfig)
|
|
|
|
await expandTailwindAtRules(context)(root, result)
|
|
|
|
// Partition apply rules that are generated by
|
|
// addComponents, addUtilities and so on.
|
|
partitionApplyAtRules()(root, result)
|
|
expandApplyAtRules(context)(root, result)
|
|
evaluateTailwindFunctions(context)(root, result)
|
|
substituteScreenAtRules(context)(root, result)
|
|
resolveDefaultsAtRules(context)(root, result)
|
|
collapseAdjacentRules(context)(root, result)
|
|
collapseDuplicateDeclarations(context)(root, result)
|
|
}
|
|
}
|