在 vue-cli4 打包后发现 core-js 存在多个副本

Question

问题

请看下方的图片, 我的项目在打包后发现一个有趣的问题:

即 core-js 以不同的方式被引用了多次.

我尝试使用 vue-cli3 启动一个项目, 引用了同样数量的依赖, 却只包含了的一个 core-js 相关的内容:

不过这有可能不准确, 因为这个测试项目只是依赖完全一致而已, 业务代码并不完全相同.

构建配置

这是我在 vue-cli4 的 package.json (包含 browserslist):

  "dependencies": {
    "axios": "^0.19.0",
    "core-js": "^3.3.2",
    "element-ui": "^2.12.0",
    "humps": "^2.0.1",
    "normalize.css": "^8.0.1",
    "querystringify": "^2.1.1",
    "video.js": "^7.6.6",
    "vue": "^2.6.10",
    "vue-content-loader": "^0.2.2",
    "vue-meta": "^2.3.1",
    "vue-progressbar": "^0.7.5",
    "vue-router": "^3.1.3",
    "vuex": "^3.1.1",
    "vuex-persist": "^2.2.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.0.5",
    "@vue/cli-plugin-eslint": "^4.0.5",
    "@vue/cli-service": "^4.0.5",
    "babel-eslint": "^10.0.3",
    "babel-plugin-component": "^1.1.1",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.2.3",
    "node-sass": "^4.13.0",
    "sass-loader": "^8.0.0",
    "vue-template-compiler": "^2.6.10"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]

这是我的 babel 配置:

module.exports = {
  presets: [
    "@vue/cli-plugin-babel/preset"
  ],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

Answer 1

https://cli.vuejs.org/zh/guid...

Vue CLI 会产生两个应用的版本：一个现代版的包，面向支持 ES modules 的现代浏览器，另一个旧版的包，面向不支持的旧浏览器。