discuss
discuss copied to clipboard
Tailwind with Laravel Mix and SASS
In the installation guide on the website of tailwind mentioned that tailwind will not work if we don't disable processCssUrls. In that case we can't import a component from node modules with using '~'. So i tried to enable it and it worked. All the imports in my app.scss are working. How can this be possible or what is the exact issue about sass? Here is my webpack.mix.js file:
const mix = require('laravel-mix');
const tailwindcss = require('tailwindcss')
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
.options({
postCss: [ tailwindcss('./tailwind.config.js') ],
});
Might be fixed now then! 🎉