How to change mix config to vue.config.js

Question

I have a webpack config using laravel with vue, I am transforming it to vue spa app using vue-cli-3. But I am not able to understand how I can change mix config to vue.config.js. This is my webpack.mix.js config.

resolve: {
    modules: [
        'node_modules',
        path.resolve(__dirname, 'resources/assets/js'),
        path.resolve(__dirname, 'resources/assets/svg')
      ]
  }

I want to resolve this in vue.config.js. How can I do it? Any recommendation?

sdgluck · Accepted Answer · 2018-08-24 13:27:49Z

1

The code snippet you have is just a partial webpack configuration.

The vue-cli also accepts applying an arbitrary partial to its own underlying configuration, using the vue.config.js and its configureWebpack property (docs here):

So you would do something like this:

// vue.config.js
module.exports = {
  configureWebpack: {
    resolve: {
      modules: [
        'node_modules',
        path.resolve(__dirname, 'resources/assets/js'),
        path.resolve(__dirname, 'resources/assets/svg')
      ]
    }
  }
}

answered Aug 24, 2018 at 13:27

sdgluck

27.8k12 gold badges82 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to change mix config to vue.config.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related