How to use preload/prefetch?

Question

webpack

Hello I am trying to set up preloadWebpackPlugin in a vue/cli project but

chainWebpack: (config) => {
config.plugin("PreloadWebpackPlugin").use(PreloadWebpackPlugin, [
        {
          rel: "preload",
          as(entry) {
            if (/\.css$/.test(entry)) return "style";
            if (/\.woff$/.test(entry)) return "font";
            if (/\.png$/.test(entry)) return "image";
            return "script";
          },
        },
      ]);
}

I receive

TypeError: compiler.plugin is not a function
    at PreloadPlugin.apply

What have I done wrong?