Closed felixsanz closed 2 years ago
Did you figure out how to fix this? I need to prepend a file with function selectors in order to use them with @extend
, but it does not work
Did you figure out how to fix this? I need to prepend a file with function selectors in order to use them with
@extend
, but it does not work
this works:
sveltePreprocess({
postcss: {
prependData: `@import "${path.join(path.resolve('./src/lib/styles'), 'breakpoints.css')}";`,
plugins: [
cssImport,
nesting,
customMedia,
autoprefixer,
],
},
}),
my issue was.. that i wasn't using cssImport plugin and you need it to use @import
This is weird. Need the Import plugin it's ok, but why it is necessary to use path
? In config.preprocess.scss.prependData
it works without resolving the path. But anyway, thanks so much, this fixes the problem.
This is weird. Need the Import plugin it's ok, but why it is necessary to use
path
? Inconfig.preprocess.scss.prependData
it works without resolving the path. But anyway, thanks so much, this fixes the problem.
it's not, i use it because i want
Strange, when I do not use path
it fails to find the file
Strange, when I do not use
path
it fails to find the file
Probably because you're using a wrong path, but using fs.path you always find the right file
Describe the bug
I'm trying to debug why when i pass
prependData
it does not workMy config is this:
Logs
To Reproduce
Expected behavior Have the css comment in the app
Stacktraces
Information about your project:
svelte-preprocess
version (Please check you can reproduce the issue with the latest release!) 4.10.1Additional context