chainWebpack: (config) => {
  config.module.rule("svg").exclude.add(resolve("src/icons")).end();
  config.module
    .rule("icons")
    .test(/\.svg$/)
    .include.add(resolve("src/icons"))
    .end()
    .use("svg-sprite-loader")
    .loader("svg-sprite-loader")
    .options({
      symbolId: "icon-[name]",
    })
    .end();
};

function resolve(dir) {
  return path.join(__dirname, "./", dir);
}

npm i --save prerender-spa-plugin

const PrerenderSPAPlugin = require("prerender-spa-plugin");
const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;
configureWebpack: {
  plugins: [
    new PrerenderSPAPlugin({
      // 生成文件的路径，也可以与webpakc打包的一致。
      // 下面这句话非常重要！！！
      // 这个目录只能有一级，如果目录层次大于一级，在生成的时候不会有任何错误提示，在预渲染的时候只会卡着不动。
      staticDir: path.join(__dirname, "dist"),
      // 对应自己的路由文件，比如a有参数，就需要写成 /a/param1。
      routes: ["/", "/team", "/analyst", "/voter", "/sponsor"],
      // 这个很重要，如果没有配置这段，也不会进行预编译
      renderer: new Renderer({
        inject: {
          foo: "bar",
        },
        headless: false,
        // 在 main.js 中 document.dispatchEvent(new Event('render-event'))，两者的事件名称要对应上。
        renderAfterDocumentEvent: "render-event",
        renderAfterTime: 10000, //超时时间
        timeout: 0,
        maxConcurrentRoutes: 20, //打包页面的最大数
        navigationParams: {
          timeout: 0,
        },
      }),
    }),
  ];
}