Does this work anymore? Nuxt 3

[CHEWX]

Does this work anymore? Nuxt 3

[wattanx]

@tibineagu
@nuxtjs/style-resources only supports webpack.

If you want to achieve the same thing with vite, use the following options
https://vitejs.dev/config/shared-options.html#css-preprocessoroptions

[tibineagu]

@wattanx thanks for the clarification. i implemented the preprocessorOptions and it works decently well.

Thank you!

[wattanx]

Sorry, the README is wrong.
Nuxt 3 does not have buildModules.
Use the modules option instead.

[tibineagu]

Hi @wattanx - unfortunately the module isn't working properly with nuxt 3.

Here is a reproduction repo on stackblitz:
https://stackblitz.com/edit/github-qakexa

package.json

  "devDependencies": {
    "@nuxt/devtools": "latest",
    "@nuxtjs/style-resources": "^2.0.0",
    "less": "^4.2.0",
    "nuxt": "^3.8.2",
    "vue": "^3.3.8",
    "vue-router": "^4.2.5"
  }

nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  css: ['@/assets/global.less'],
  modules: ['@nuxtjs/style-resources'],
  styleResources: {
    less: ['@/assets/imports/vars.less'],
  },
  devtools: { enabled: true },
});

The @text-white LESS variable defined in vars.less is not accessible in pages/index.vue - getting this error:

[plugin:vite:css] [less] variable @text-white is undefined

It also seems that the compiler doesn't warn about files listed in styleResources that don't exist (for example the non-existent-file.less).