如何在vue.config.js中为单个页面禁用css.extract

Question

我正在使用vue.config.js在新页面上工作。我的文件设置如下：

module.exports = {
  chainWebpack: config => {
    config.optimization.splitChunks(false);
  },
  configureWebpack: config => {
    config.output.filename = '../../webapp/js/vue/[name].js'
    config.output.chunkFilename = '../../webapp/js/vue/[name].js'
  },
  css: {
    extract: {
      filename: '[name].css',
    },
  },
  pages: {
    page1: {
      entry: ...,
      template: ...,
      filename: ...,
      title: ...,
      chunks: ...
    },
    page2: {
      entry: ...,
      template: ...,
      filename: ...,
      title: ...,
      chunks: ...
    }
  }
}

我只想禁用page2中的CSS提取。我尝试将以下内容添加到page2对象中：

page2: {
  entry: ...,
  template: ...,
  filename: ...,
  title: ...,
  chunks: ...,
  css: {
    extract: false
  }
}

这行不通。

如何为我的其中一个页面禁用css.extract？