Nuxt2的nuxt.config.js 配置build: { // 构建配置 },怎么优化

Nuxt.js在构建和部署时提供了许多配置选项，以便进行性能优化。下面是一些常见的构建配置优化：

1. 压缩代码：可以使用`uglifyjs-webpack-plugin`压缩生成的JavaScript代码。在`nuxt.config.js`文件的`build`配置中使用以下代码：

build: {
  extend (config, { isDev }) {
    if (!isDev) {
      config.plugins.push(new UglifyJsPlugin())
    }
  }
}

2. 开启Gzip压缩：可以使用`compression-webpack-plugin`插件来对生成的文件进行Gzip压缩。在`nuxt.config.js`文件的`build`配置中使用以下代码：

const CompressionPlugin = require('compression-webpack-plugin')

build: {
  extend (config, { isDev }) {
    if (!isDev) {
      config.plugins.push(new CompressionPlugin())
    }
  }
}

3. 设置CDN：可以使用`externals`选项将一些常用库，如Vue、React等，从打包后的文件中剔除，并在HTML中通过CDN引入。在`nuxt.config.js`文件的`build`配置中使用以下代码：

const VueExternals = {
  vue: 'Vue',
  'vue-router': 'VueRouter'
}

build: {
  extend (config, { isDev }) {
    config.externals = Object.assign(config.externals || {}, VueExternals)
  }
}

4. 提取CSS：可以使用`extractCSS`选项将CSS提取到单独的文件中，以避免在每个页面中重复加载CSS。在`nuxt.config.js`文件的`build`配置中使用以下代码：

build: {
  extractCSS: true
}

这些是常见的构建配置优化，你还可以参考Nuxt.js的官方文档来了解更多优化方式。