nuxt-config

149 notes in this subject, read out of this brain and free to use. This is page 3 of 3.

vite.vue.template.transformAssetUrls configuration

The vite.vue.template.transformAssetUrls property transforms asset URLs in Vue templates. Type is object. Default specifies attributes for video (src, poster), source (src), img (src), image (xlink:href, href), use (xlink:href, href).

vite.vueJsx configuration

The vite.vueJsx property configures Vue JSX options. Type is object. Default includes isCustomElement configuration with $schema.

vue.compilerOptions configuration

The vue.compilerOptions property sets options for Vue compiler passed at build time. See Vue documentation for compiler options.

vue.config configuration

The vue.config property configures Vue app globally. Only serializable options may be set in nuxt.config. All other options set at runtime in Nuxt plugin. See Vue app config documentation.

vue.propsDestructure configuration

The vue.propsDestructure property enables reactive destructure for defineProps. Type is boolean. Default is true.

vue.runtimeCompiler configuration

The vue.runtimeCompiler property includes Vue compiler in runtime bundle. Type is boolean. Default is false. Enables component compilation of templates at runtime. Warning: never compile templates from user input due to security risks (XSS, RCE).

vue.transformAssetUrls configuration

The vue.transformAssetUrls property configures asset URL transformation. image defaults to ['xlink:href', 'href'], img to ['src'], source to ['src'], use to ['xlink:href', 'href'], video to ['src', 'poster'].

watch configuration

The watch property defines patterns that restart Nuxt dev server when changed. Type is array of strings or regular expressions. Strings should be absolute paths or relative to srcDir. RegExp matched against path relative to project srcDir.

watchers.chokidar configuration

The watchers.chokidar property passes options directly to chokidar file watcher. ignoreInitial defaults to true. ignorePermissionErrors defaults to true. See chokidar documentation for available options.

watchers.rewatchOnRawEvents configuration

The watchers.rewatchOnRawEvents property is an array of event types which, when received, cause the watcher to restart. Type is array.

watchers.webpack configuration

The watchers.webpack property passes watchOptions directly to webpack. Type is object. aggregateTimeout defaults to 1000ms. See webpack@4 watch options documentation.

webpack.aggressiveCodeRemoval configuration

The webpack.aggressiveCodeRemoval property hard-replaces typeof process, typeof window, typeof document to tree-shake bundle. Type is boolean. Default is false.

webpack.analyze configuration

The webpack.analyze property enables bundle visualization using webpack-bundle-analyzer. Set to true to enable, or pass object with options. Type is object. Default includes template 'treemap', projectRoot '/<rootDir>', filename '/<rootDir>/.nuxt/analyze/{name}.html'.

webpack.cssSourceMap configuration

The webpack.cssSourceMap property enables CSS source map support. Type is boolean. Default is false (defaults to true in development).

webpack.devMiddleware configuration

The webpack.devMiddleware property passes options to webpack-dev-middleware. stats property defaults to 'none'. See webpack-dev-middleware documentation for available options.

webpack.experiments configuration

The webpack.experiments property configures webpack experiments. See webpack experiments documentation for available options.

webpack.extractCSS configuration

The webpack.extractCSS property enables Common CSS Extraction using mini-css-extract-plugin. Type is boolean or object. Default is true. Extracts CSS into separate files, usually one per component, allowing separate caching of CSS and JavaScript.

webpack.filenames configuration

The webpack.filenames property customizes bundle filenames. Includes app, chunk, css, font, img, video properties (all type function). Allows customization of filenames for different asset types based on isDev flag.

webpack.friendlyErrors configuration

The webpack.friendlyErrors property controls FriendlyErrorsWebpackPlugin overlay. Type is boolean. Default is true. Set to false to disable the error overlay.

webpack.hotMiddleware configuration

The webpack.hotMiddleware property passes options to webpack-hot-middleware. See webpack-hot-middleware documentation for available options.

webpack.loaders configuration

The webpack.loaders property customizes options of Nuxt's integrated webpack loaders. Includes css, cssModules, esbuild, file, fontUrl, imgUrl, less, pugPlain, sass, scss, stylus, vue, vueStyle loaders with their specific configuration options.

webpack.optimization configuration

The webpack.optimization property configures webpack optimization. minimize defaults to true. minimizer can be customized array. runtimeChunk defaults to 'single'. splitChunks includes automaticNameDelimiter ('/'), cacheGroups, chunks ('all'). See webpack optimization documentation.

webpack.optimizeCSS configuration

The webpack.optimizeCSS property configures OptimizeCSSAssets plugin. Type is boolean. Default is false. Defaults to true when extractCSS enabled. See css-minimizer-webpack-plugin documentation.

webpack.plugins configuration

The webpack.plugins property adds webpack plugins. Type is array. Allows adding custom webpack plugin instances to the build.

webpack.postcss configuration

The webpack.postcss property customizes PostCSS Loader with same options as postcss-loader. postcssOptions includes plugins property with default autoprefixer and cssnano.

webpack.profile configuration

The webpack.profile property enables profiler in webpackbar. Type is boolean. Default is false. Normally enabled by CLI argument --profile. See webpackbar documentation.

webpack.serverURLPolyfill configuration

The webpack.serverURLPolyfill property specifies polyfill library for URL and URLSearchParams. Type is string. Default is 'url' package.

webpack.warningIgnoreFilters configuration

The webpack.warningIgnoreFilters property provides filters to hide build warnings. Type is array.

workspaceDir configuration

The workspaceDir property defines the workspace directory of your application. Type is string. Default is '/<workspaceDir>'. Used in monorepo setups. Nuxt attempts automatic detection but can be overridden here.

Give your agent this brain