Its a relatively fresh installation of Sage 10 and I am using tailwindcss. Is there any bud-nesting plugin or any other built-in which handles the nesting of rules with tailwindcss? Any help would be greatly appreciated.
Hello Ben, yes I checked the documentation on tailwind but there is no postcss.config.js file in sage 10. Can you tell me where I can setup the nesting plugin?
/**
* @typedef {import('@roots/bud').Bud} Bud
*
* @param {Bud} config
*/
module.exports = async (config) =>
config
/**
* Application entrypoints
*
* Paths are relative to your resources directory
*/
.entry({
app: ['scripts/app.js', 'styles/app.css'],
editor: ['scripts/editor.js', 'styles/editor.css'],
})
/**
* Add postcss plugin with bud
*/
.tap(bud => {
bud.postcss.setPlugin('postcss-nested', [
require.resolve('postcss-nested'), // the plugin module path
{}, // options
])
})
/**
* These files should be processed as part of the build
* even if they are not explicitly imported in application assets.
*/
.assets(['resources/images'])
/**
* These files will trigger a full page reload
* when modified.
*/
.watch([
'tailwind.config.js',
'resources/views/**/*.blade.php',
'app/View/**/*.php',
])
/**
* Target URL to be proxied by the dev server.
*
* This is your local dev server.
*/
.proxy('http://website.local');
Tried running yarn bud clean and then yarn devstill getting the same error. Any suggestions here?
One more question, I dont see postcss-import plugin being set up anywhere in bud but my import statements in scss files are working fine. Is that included by default?