Could someone let me know what I am doing wrong in my webpack.mix.js file?
I installed the PostCSS plug-ins through NPM but they are not running:
mix.sass('resources/sass/website.scss', 'public/css', {},
[ purgecss({
enabled: true,
content: [
'resources/views/website/**/*.php',
'resources/views/website/*.php',
],
variables: true,
}),
])
.options({
postCss: [
require('cssnano')({
discardComments: {
removeAll: true,
},
}),
require('postcss-no-important')(),
]
});
You need to call purgeCss after your sass, and specify the options for postCss.
For example
mix.sass('resources/sass/app.scss', 'public/css')
.options({
processCssUrls: false,
postCss: [ tailwindcss('./tailwind.config.js') ]
})
.purgeCss({
enabled: mix.inProduction(),
folders: ['src', 'templates'],
extensions: ['html', 'js', 'php', 'vue'],
});
Thank you, @bobbybouwmann. It looks like I will need to install this package to do this:
Yeah, you do, but it's worth it ;)
Please or to participate in this conversation.