nuxt项目去除源代码中的window.nuxt

为了去除源代码中的window.nuxt，可以通过以下步骤实现：

1. 打开nuxt.config.js文件，在build对象下添加以下代码：

build: {
    extend(config, ctx) {
      if (ctx.isClient) {
        config.optimization.splitChunks.maxSize = 200000
      }
    },
    extractCSS: true,
    filenames: {
      app: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js',
      chunk: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js',
      css: ({ isDev }) => isDev ? '[name].css' : '[contenthash].css',
      img: ({ isDev }) => isDev ? '[path][name].[ext]' : 'img/[contenthash:7].[ext]',
      font: ({ isDev }) => isDev ? '[path][name].[ext]' : 'fonts/[contenthash:7].[ext]',
      video: ({ isDev }) => isDev ? '[path][name].[ext]' : 'videos/[contenthash:7].[ext]'
    },
    splitChunks: {
      layouts: true,
      pages: true,
      commons: true
    }
  },

2. 在nuxt.config.js文件中的head对象中添加以下代码：

head: {
    // ...
    script: [
      {
        src: '/js/nuxt-client-init.js',
        type: 'text/javascript',
        body: true,
        charset: 'utf-8'
      }
    ]
  },

3. 在static目录下创建一个js文件夹，并在其中添加一个nuxt-client-init.js文件，内容如下：

window.onNuxtReady(() => {
  delete window.nuxt
})

4. 在nuxt项目中安装webpack-merge和webpack-bundle-analyzer依赖：

npm install webpack-merge webpack-bundle-analyzer --save-dev

5. 在项目根目录下创建一个webpack.config.js文件，内容如下：

const merge = require('webpack-merge')
const baseConfig = require('./node_modules/@nuxt/webpack/src/config/base')
const analyzer = require('webpack-bundle-analyzer').BundleAnalyzerPlugin

module.exports = merge(baseConfig, {
  plugins: [
    new analyzer()
  ]
})

6. 在package.json文件中的scripts对象中添加以下代码：

"scripts": {
  "build": "nuxt build --config-file webpack.config.js"
}

7. 运行npm run build命令进行打包，打包完成后可以使用webpack-bundle-analyzer来查看打包结果中的模块依赖关系。

这样就可以去除源代码中的window.nuxt了。