Webpack 5 with Nuxt 3 project

[abdulhadi-lababidi]

How to use webpack 5 as module bundler for nuxt 3 project?
The default bundler is Vite, and there is no mention of how to use webpack in the official docs

[danielroe]

To enable webpack, install @nuxt/webpack-builder and enable it in your nuxt.config file.

export default defineNuxtConfig({
  builder: 'webpack'
})

We likely need a section in the docs on builders (vite vs webpack).

[abdulhadi-lababidi]

Thanks 💯

[iamroi]

This is not working anymore with the latest build. Could someone please confirm how to make it work in the new build?

[slavco86]

Once I have done everything mentioned in nuxt/framework#2883 - Can't build the app, with this error

 ERROR  Cannot start nuxt:  Cannot find module 'typescript'                                                                                                                                                                                  12:51:02
Require stack:
- /Users/slavco/WebstormProjects/AllstateHealthQuoteNuxt/node_modules/fork-ts-checker-webpack-plugin/lib/typescript/type-script-worker-config.js
- /Users/slavco/WebstormProjects/AllstateHealthQuoteNuxt/node_modules/fork-ts-checker-webpack-plugin/lib/plugin-config.js
- /Users/slavco/WebstormProjects/AllstateHealthQuoteNuxt/node_modules/fork-ts-checker-webpack-plugin/lib/plugin.js
- /Users/slavco/WebstormProjects/AllstateHealthQuoteNuxt/node_modules/fork-ts-checker-webpack-plugin/lib/index.js

  Require stack:
  - node_modules/fork-ts-checker-webpack-plugin/lib/typescript/type-script-worker-config.js
  - node_modules/fork-ts-checker-webpack-plugin/lib/plugin-config.js
  - node_modules/fork-ts-checker-webpack-plugin/lib/plugin.js
  - node_modules/fork-ts-checker-webpack-plugin/lib/index.js
  at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
  at Function.resolve (node:internal/modules/cjs/helpers:108:19)
  at createTypeScriptWorkerConfig (node_modules/fork-ts-checker-webpack-plugin/lib/typescript/type-script-worker-config.js:16:70)
  at createPluginConfig (node_modules/fork-ts-checker-webpack-plugin/lib/plugin-config.js:11:82)
  at ForkTsCheckerWebpackPlugin.apply (node_modules/fork-ts-checker-webpack-plugin/lib/plugin.js:57:63)
  at createCompiler (node_modules/webpack/lib/webpack.js:73:12)
  at create (node_modules/webpack/lib/webpack.js:134:16)
  at webpack (node_modules/webpack/lib/webpack.js:158:32)
  at f (node_modules/webpack/lib/index.js:64:16)
  at node_modules/@nuxt/webpack-builder/dist/index.mjs:1358:22

[danielroe]

Have you tried installing it?

[slavco86]

Yup - after installing it, all works! Thanks for your speedy responses today @danielroe
Super helpful, as always ❤️

Wondering why Vite is not complaining about it and yet Webpack needs it explicitly in the dependencies? Might be worth mentioning in the release notes, just to pre-empt silly questions like mine in future?

[mykerl-ai]

export default defineNuxtConfig({
builder: "webpack
})

[rafifn]

how about polyfill in webpack?