标签： core-js

Vue CLI 升级到 v4 之后，将内部的 core-js 依赖升级到 v3，关于 core-js v3 和 core-js v2 之间的区别，我在 最近折腾 @babel/preset-env 的一些小心得 里简单介绍过。

升级完 Vue CLI 之后，在调用 nuxt generate 生成静态页，就会报错，因为 Nuxt.js 默认使用 core-js 2。这个时候，如果 Nuxt.js 版本在 2.6.0 之后，就只需要修改 nuxt.config.js 里的配置，指定 core-js 的版本：

module.exports = {
  build: {
    babel: {
      presets({ isServer }) {
        return [
          [
            require.resolve('@nuxt/babel-preset-app'),
            // require.resolve('@nuxt/babel-preset-app-edge'), // For nuxt-edge users
            {
              buildTarget: isServer ? 'server' : 'client',
              corejs: { version: 3 }
            }
          ]
        ]
      }
    }
  }
}

参考文档：https://nuxtjs.org/guide/release-notes#v2.6.0

说起来 Nuxt.js，用它发布静态页比想象中复杂，如果你想快速掌握这个技能，不妨看下我的这本小书：