vue.config.js 怎么配置分割chunk-vendors.js和app.js代码大小

可以通过在 `vue.config.js` 中的 `configureWebpack` 选项中配置 `optimization` 来实现分割 `chunk-vendors.js` 和 `app.js` 代码大小。

以下是一个示例配置：

module.exports = {
  configureWebpack: {
    optimization: {
      splitChunks: {
        cacheGroups: {
          vendors: {
            test: /[\\/]node_modules[\\/]/,
            name: 'chunk-vendors',
            chunks: 'all',
            priority: -10,
            enforce: true
          },
          default: {
            minChunks: 2,
            priority: -20,
            reuseExistingChunk: true
          }
        }
      },
      runtimeChunk: {
        name: 'app'
      }
    }
  }
}

其中，`cacheGroups` 中的 `vendors` 配置项是用来分割 `chunk-vendors.js` 的，`default` 配置项是用来分割 `app.js` 的。

`test` 选项指定了匹配的模块，这里是所有在 `node_modules` 中的模块。

`name` 选项指定了生成的文件名。

`chunks` 选项指定了哪些代码块需要被分割，这里是所有的代码块。

`priority` 选项指定了分割的优先级，数值越大优先级越高。

`enforce` 选项指定了是否强制执行分割。

`minChunks` 选项指定了一个模块被引用的次数，只有超过这个次数才会被分割。

`runtimeChunk` 选项指定了是否将 `webpack` 的 `runtime` 代码单独分割出来，这里是将 `runtime` 代码分割到 `app.js` 中。