I am attempting to add the autoprefixer plugin, but I get a build error, "@use rules must be written before any other rules.".
Here is my rollup config:
module.exports = options => ({
...options,
plugins :[
scss({
failOnError: false,
processor :() => postcss({
plugins: [
autoprefixer()
],
}),
}),
...options.plugins,
],
});
After setting a breakpoint, it appears the offending code is here. This block combines all the stylesheets into one and does not consider that @use statements must appear in the file's header.
// Combine all stylesheets
let scss = ''
for (const id in styles) {
scss += styles[id] || ''
}
Pay now to fund the work behind this issue.
Get updates on progress being made.
Maintainer is rewarded once the issue is completed.
You're funding impactful open source efforts
You want to contribute to this effort
You want to get funding like this too