Loading a global scss file

If you are using scss and want to load a global file to all your other scss files it's possible by extending the webpack config.

This can be done in client/falcon-client.build.config.js.

Within the modify argument you can pass your new webpack rule.

modify: (cfg, { target }) => {
....
// Add SCSS file
const newRule = {
test: /\.(sa|sc|c)ss$/,
use: [
{
loader: "sass-loader",
options: {
data: '@import "src/global.scss";'
}
}
]
}
cfg.module.rules.push(newRule);
return cfg;
}
....

Path Aliases The src path is aliased to the correct location meaning it's possible to import the file like so src/global.scss (it's not a relative path).

Ask the community. #help

If you can't find what you're looking for, the answer might be on our community slack channel. Our team keep a close eye on this and will usually get back to you within a few hours, if not straight away. If you haven't created an account yet please sign up here slack.deity.io.