vue.js: exclude core-js from webpack

Question

Here is my vue.config.js file:

module.exports = {
  configureWebpack: {
    externals: {
      "vue": "Vue",
      "core-js": "core-js",
    },
  },
};

With this config, vue.js (Vue) library is excluded and I can link it from a CDN.

But core-js is packed anyway and not recognized as an external library.

What is wrong with my config?

Afshin Gh · Accepted Answer · 2020-07-11 18:16:08Z

5

You need to change babel config.

Here is my babel.config.js:

module.exports = {
  presets: [
    [
      "@vue/cli-plugin-babel/preset",
      {
        useBuiltIns: false,
      },
    ],
  ],
};

edited Jul 11, 2020 at 18:16

Afshin Gh

8,1982 gold badges29 silver badges43 bronze badges

answered Jul 7, 2020 at 0:02

iolo

1,1779 silver badges8 bronze badges

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

2 Comments

Afshin Gh Over a year ago

Found this a while ago. Forgot to post it here. Thanks mate.

linrongbin Over a year ago

Hi, I'm using vue-cli4, it give an error:

[BABEL] /Users/rolin/workspace/github/financial_tools_app/src/main.js: Unknown option: .useBuiltIns. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options. - Maybe you meant to use "preset": [   ["@vue/cli-plugin-babel/preset", {   "useBuiltIns": false }] ]

But the babel formatter always trim quotes, do you know how to fix this error ?

Collectives™ on Stack Overflow

vue.js: exclude core-js from webpack

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related