Optimization

Setup the actual file types in the Tailwind CSS configuration file tailwind.config.js to allow the Tailwind CLI to include only the used CSS classes in the style file. This optimization reduces file size and improves performance.

				
					module.exports = {
	content: [
		'./src/app/**/*.{ts,js}',
		'./src/core/components/**/*.{ts,js}',
		'./views/**/*.html'
	]
}

				
			

Run the following command to build production-ready assets(JavaScript, CSS, fonts, vendors) into dist/assets directory. This process ensures that JavaScript and CSS files are minified, optimizing them for enhanced performance.

				
					npm run build:prod

				
			

Learn more about how to optimize your code further for production by checking the official Tailwind Production Optimization guide.