Static GitHub Issues

[2815] How to include .sss files? (sugarss)

prev: Error when restarting nuxt server
next: Getter function context is undefined

What I've tried:

assets/
    main.sss

nuxt.config.js:

module.exports = {
    css: [
        '@/assets/main.sss'
    ],
    build: {
        extend (config) {
            config.module.rules.push({
                test: /\.sss$/,
                use: ['style-loader', 'css-loader', 'postcss-loader?parser=sugarss']
            })
        }
    },
}

the error:

{ ReferenceError: window is not defined
    at server-bundle.js:3963:2
    at server-bundle.js:3952:46
    at module.exports.module.exports (node_modules/style-loader/lib/addStyles.js:77:0)
    at Object.<anonymous> (assets/main.sss?d5cb:16:0)
    at __webpack_require__ (webpack:/webpack/bootstrap 86d236d61da82419e3a3:25:0)
    at Object.module.exports.Object.defineProperty.value (.nuxt/App.js:19:0)

I know there's definitely something wrong with this setup but I've tried a bunch of combinations of things so for now I'm just posting my attempt at a simple mimic of a working webpack config. Hoping somebody can help with this.

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2443">#c2443</a>)</em></sub></div>