Vue.js 在渲染之前，Nuxt.js从头部移除所有css样式链接

在呈现页面之前，我想删除nuxtjs应用程序的

head

部分中的所有样式链接，并只添加一个css文件。我有一个PurgeCSS脚本，它将生成一个只包含页面所需css的文件

你们知道我可以把代码放在哪里吗？如果我把它放在

mounted（）

hook中，它会在删除链接之前发出HTTP请求

mounted（）{
const styleLinks=document.head.querySelectorAll（'link[rel=“stylesheet”]”）
forEach（link=>link.remove（））；
}

当前

所需的

尝试添加已创建的（）{ } 胡克

或者

转到nuxt.config.js。 请参阅以下模板： 祝你好运

head: {
    title: 'TCG',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' },
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
    //  { rel: 'stylesheet', href: 'assets/css/bootstrap.min.css' },
      {
        rel: 'stylesheet',
        href:
          'https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha2/css/bootstrap.min.css',
      },
      {
        rel: 'stylesheet',
        href:
          '/assets/fonts/stylesheet.css',
      },
    ],

尝试添加已创建的（）{ } 胡克

或者

转到nuxt.config.js。 请参阅以下模板： 祝你好运

head: {
    title: 'TCG',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' },
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
    //  { rel: 'stylesheet', href: 'assets/css/bootstrap.min.css' },
      {
        rel: 'stylesheet',
        href:
          'https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha2/css/bootstrap.min.css',
      },
      {
        rel: 'stylesheet',
        href:
          '/assets/fonts/stylesheet.css',
      },
    ],