Configure Vue CLI to use external libraries and source-maps devtools

Question

I would like to configure my Vue CLI to use external library and source-maps in order to debug my application.

I found those two vue.config.js samples for external libs.

module.exports = {
  chainWebpack: config => {
    config.externals({ jquery: 'jQuery', bootstrap: 'bootstrap' });
  }
};

and and for devtools.

module.exports = {
  configureWebpack: {
    devtool: 'source-map'
  }
}

How can I join those both configurations?

John Craft · Accepted Answer · 2019-12-20 02:35:57Z

2

Have you tried the approach below?

module.exports = {
    chainWebpack: config => {
        config.externals({ jquery: 'jQuery', bootstrap: 'bootstrap' });
        config.merge({ devtool: 'source-map' });
    }
}

answered Dec 20, 2019 at 2:35

John Craft

1311 silver badge7 bronze badges

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

1 Comment

Heena Vora Over a year ago

I was looking for asset size limit warning for my Vue app, and config.merge did the trick for me, thanks @john craft

Collectives™ on Stack Overflow

Configure Vue CLI to use external libraries and source-maps devtools

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related