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>