Static GitHub Issues

[1443] Multiple extend blocks in nuxt.config.js

prev: Static SPA deployment
next: mint-ui document is not defined

With multiple extend blocks in nuxt.config.js only the last one works yet we get no error.

Here the ~vars alias works. But we have no linting on save. No error.

build: {
    // Run ESLINT on save
    extend(config, ctx) {
      if (ctx.dev && ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    },
    // Add ~vars alias for global SCSS settings
    extend(config) {
      config.resolve.alias['vars'] = path.join(__dirname, 'assets/scss/_vars.scss')
      config.resolve.alias['~vars'] = path.join(__dirname, 'assets/scss/_vars.scss')
    }
}

This works fine:

build: {
    // Run ESLINT on save
    extend (config, ctx) {
      if (ctx.dev && ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
      // Add ~vars alias for global SCSS settings
      config.resolve.alias['vars'] = path.join(__dirname, 'assets/scss/_vars.scss')
      config.resolve.alias['~vars'] = path.join(__dirname, 'assets/scss/_vars.scss')
    }
}

Maybe not an issue at all and it was intended to work like this. Sorry to waste your time if so.

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1284">#c1284</a>)</em></sub></div>