PrerenderSPAPlugin seo优化

  • Z时代
  • 2024-02-16
  • 分类：IT

PrerenderSPAPlugin seo优化

再使用 seo优化Vue项目的时候，多入口只能打包一个入口文件

  pages: {
    index: {
      entry: `src/main.js`,
      template: `public/index.html`,
      filename: 'index.html',
      chunks: ['chunk-vendors', 'chunk-common', 'index'],
    },
    mobile: {
      entry: `src/main.mobile.js`,
      template: `public/index.mobile.html`,
      filename: 'mobile/index.html',
    },
  },

上面是pages配置项，两个入口文件，但是使用PrerenderSPAPlugin打包之后，只有index这个入口的路由对应文件打包正确，mobile入口打包不正确。

问题：
怎么处理这种两个入口文件的打包？

这是PrerenderSPAPlugin插件引入配置

{
plugins: [
    new PrerenderSPAPlugin({
      staticDir: path.join(__dirname, 'dist'),
      routes: [
        // 对应index入口
        '/home', '/live', '/core', '/about',
        // 对应mobile入口
        '/mobile/home', '/mobile/live', '/mobile/core'
      ],
      renderer: new Renderer({
        inject: {
          foo: 'bar'
        },
        headless: false,
        renderAfterDocumentEvent: 'render-event'
      })
    }),
  ],
}

回答：

plugins: [
new PrerenderSPAPlugin({
入口1配置
}),
new PrerenderSPAPlugin({
入口2 配置
})
]

试试这个

以上是 PrerenderSPAPlugin seo优化 的全部内容， 来源链接： utcz.com/p/936745.html

回到顶部