Repository navigation
Error on import from within prepended file #27
Description
Activity
@tomas-hartman thanks for your report. Can you show please your
sass-resources-loaderconfiguration. I'll try to fix it this week.@Connormiha Thanks for your reply! My
sass-resources-loaderonly uses the very essential:{ test: /\.scss$/, loader: 'sass-resources-loader', options: { resources: [ './assets/themes/orange/colors.scss', // some more bootstrap imports etc ] } }
@tomas-hartman Try to use absolute path. Something like this:
const path = require('path'); module.exports = { prepend: [path.resolve(__dirname, "YOUR_ASSETS_FOLDER" ,"assets/themes/orange/colors.scss")] };
I gave it a try but got the same error as before. There is probably a problem to resolve the (relative) path inside the
colors.scss.@tomas-hartman I reseached this problem. It can be solved with custom importer.
jest-css-modules-transform-config.jss content is something like this:const path = require('path'); module.exports = { prepend: ["./assets/themes/orange/colors.scss"], sassConfig: { importer: [ function(url, prev) { if (!url.includes("styles/colors")) return null; return { file: path.resolve(__dirname, "YOUR_ASSETS_FOLDER" ,"styles/colors") }; ], } };
More information about importer https://sass-lang.com/documentation/js-api#importer
Reacted by Tomas Hartman and badigina-merckReacted by Tomas HartmanI finally made it back to this issue in my project, gave it a try and it works! Great! Thank you!
If I prepend (using prepend option in
jest-css-modules-transform-config.js) a.scssfile into which I import some variables from different folder (using relative path), my test ends up with an error:The prepended file (
colors.scss) is really simple (as is my config file). Its content is:And my
jest-css-modules-transform-config.js's content is:Paths are correct since they work well with
sass-resources-loaderin my webpack, only the secondary import fails. This still could be my fault as I might be missing some sass configuration in the config file, but I am not sure at this point.