I’m guessing other people have encountered this issue but cannot find the solve on here.
Normal installation nothing fancy. I used composer-create and picked tailwind for css framework. Then setup tailwind defaults, then ran yarn build and yarn start. When the browsersync localhost pops up none of the sourcemaps show up. I can see the maps generated in the dist folder but the browser won’t read them. In browsersync they point you to the injected inline styles and the regular server they show you the line in the css not scss.
If you click on the file, it will take you to the file with the comment telling you the mapping to the scss but this is not a practical solution.
I’ve had similar issues on other platforms and changing webpack.config.js to #inline-source-maps fixes it, but it did not work in this case. I also tried adding the config file path to the postcss.config.js as in the this article but that did not help either.
(I have WP_Debug and WP_Dev setup correctly)
Does anyone know the solution?
Would help a lot as I don’t want to get rid of sage.