nuxt打包页面源代码格式化输出

要在Nuxt中格式化输出打包页面的源代码，您可以使用以下步骤：

安装@nuxtjs/webpackmonitor插件

npm install @nuxtjs/webpackmonitor --save-dev

在nuxt.config.js文件中添加以下配置：

build: {
  extend(config, { isDev, isClient }) {
    if (isDev && isClient) {
      // Run ESLint on save
      config.module.rules.push({
        enforce: 'pre',
        test: /\.(js|vue)$/,
        loader: 'eslint-loader',
        exclude: /(node_modules)/
      })

      // 输出打包页面的源代码
      config.plugins.push(new (require('webpack-bundle-analyzer').BundleAnalyzerPlugin)({
        analyzerMode: 'static',
        generateStatsFile: true,
        openAnalyzer: false,
        logLevel: 'info'
      }))
    }
  }
}

运行npm run build命令打包应用程序。
打开dist目录中的stats.json文件，将其复制到Webpack Analyzer网站上。
在Webpack Analyzer网站上，您可以查看打包页面的源代码，并对其进行格式化输出。