Want to take a look at our new docs? Our new docs are now in beta. Have fun!

The srcDir Property

Define the source directory of your Nuxt.js application

If a relative path is specified it will be relative to the rootDir

Example 1: Prerequisites:

// nuxt.config.js
export default {
  srcDir: 'client/'
}

// package.json
  "script": {
    "dev": "yarn nuxt"
  }

works with the following folder structure (note that nuxt.config is listed in the app directory)

-| app/
---| node_modules/
---| nuxt.config.js
---| package.json
---| client/
------| assets/
------| components/
------| layouts/
------| middleware/
------| pages/
------| plugins/
------| static/
------| store/

Example 2:

Instead of example 1 you can also move the nuxt.config into your src folder. In this case you only need to specify client as the rootDir and you can leave srcDir empty:

Prerequisites:

// nuxt.config.js
export default {
  srcDir: '' // or just remove it
}

// package.json
  "script": {
    "dev": "yarn nuxt client" // this sets client as the rootDir
  }

works with the following folder structure (note that nuxt.config is listed in the client directory)

-| app/
---| node_modules/
---| package.json
---| client/
------| nuxt.config.js
------| assets/
------| components/
------| layouts/
------| middleware/
------| pages/
------| plugins/
------| static/
------| store/

Contributors

Contribution for this page is now closed. If you would like to contribute please check out our new docs are now in beta. Have fun!

Platinum Sponsors

StoryblokMoovweb Support Us