support for extending build within `nuxt.config`

Environment

---

• Operating System: Darwin
• Node Version: v14.17.0
• Nuxt Version: 3.0.0-27277498.850ef69
• Package Manager: yarn@1.22.17
• Bundler: Vite
• User Config: target, css, publicRuntimeConfig, buildModules, modules, intlify, robots, build
• Runtime Modules: @nuxtjs/robots@2.5.0
• Build Modules: nuxt-windicss@2.0.12, @intlify/nuxt3@0.1.8

---

Reproduction

https://codesandbox.io/s/gallant-danny-xuwkr?file=/nuxt.config.ts

Describe the bug

I am trying to add a loader to my nuxt application. in Nuxt 2 I usually use the build.extend function to extend rules and add my rule, but in Nuxt 3 I am not able to do that. If you look at reproduction, there is a type error for extend key on error.

How to do that? In documentation is missing.

Thank you for help!

Additional context

No response

Logs

No response

[danielroe]

For now, for vite, you can use vite:extend or vite:extendConfig. For webpack, you can use webpack:config.

import { defineNuxtConfig } from 'nuxt3'

export default defineNuxtConfig({
  hooks: {
    'vite:extend' ({ nuxt, config }) {},
    'vite:extendConfig' (clientConfig, { isClient, isServer }) {},
    'webpack:config' (configs) {}
  }
})

[danielroe]

I think we’ve decided that the best approach is to use direct configuration of vite or webpack keys, hooks, or a custom module with extendWebpackConfig, extendViteConfig, addWebpackPlugin or addVitePlugin (utilities exported from @nuxt/kit).

cc: @pi0