How can I use Sass in Shopify-cli created app?

[PhilippW]

How can I load the appropriate loader to use scss in my app?

I tried adding the scss loader to the next.config.json :

but then the css loader does not seem to work anymore:

Does anyone know how to add it properly?

[katiedavis · Accepted solution]

Hi @PhilippW,

You've wrapped the config correctly with `next-sass`, but you still need the CSS loader:

module.exports = withCSS(withSass({

  webpack: config => {

    const env = { API_KEY: apiKey };

    config.plugins.push(new webpack.DefinePlugin(env));

    return config;

  }

}));

[PhilippW]

Thank you @katiedavis! It's working perfectly for me now.