discuss icon indicating copy to clipboard operation
discuss copied to clipboard

Tailwind with Laravel Mix and SASS

Open furkanpurtul opened this issue 6 years ago • 1 comments

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') ],
      });

furkanpurtul avatar Oct 31 '19 07:10 furkanpurtul

Might be fixed now then! 🎉

adamwathan avatar Oct 31 '19 12:10 adamwathan