Download the PHP package fastfony/tailwind-webpack-encore-pack without Composer
On this page you can find all versions of the php package fastfony/tailwind-webpack-encore-pack. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download fastfony/tailwind-webpack-encore-pack
More information about fastfony/tailwind-webpack-encore-pack
Files in fastfony/tailwind-webpack-encore-pack
Package tailwind-webpack-encore-pack
Short Description Tailwind Support for Symfony + Webpack Encore
License MIT
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package tailwind-webpack-encore-pack
Tailwind CSS for Symfony with Webpack Encore!
This pack makes it easy to use Tailwind CSS with Symfony's Webpack Encore Bundle.
If you don't use Symfony Flex, its interest is limited to requiring necessary packages but you must configure your project files manually.
It's an implementation of the tutorial available on the Tailwind CSS site.
Note
Want to use Tailwind CSS with AssetMapper Component instead? Check out the TailwindBundle Docs.
Installation
Install the pack & configure your app with three commands:
If you use Flex that's it! This will create a postcss.config.mjs file and make sure your assets/styles/app.css contains the Tailwind directives.
If you don't use Symfony Flex, you need to create the postcss.config.mjs file manually in the root of your project with the following content:
Add the Tailwind directives to your assets/styles/app.css file:
And enable PostCSS in your webpack.config.js file:
Done!
Usage
You need to run the npm run watch command:
That's it! This will watch for changes to your assets/styles/*.css and templates/* files and automatically recompile it when needed.
You can use Tailwind CSS classes in your Twig templates and CSS files.
Deploying
When you deploy, just run the npm run build:
Requirement of fastfony/webapp-webpack-encore-pack
The repository fastfony/webapp-webpack-encore-pack is similar to the official symfony/webapp-pack but it requires Webpack Encore necessary packages instead of AssetMapper.
