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'
      })
    }),
  ],

}
阅读 1.4k
1 个回答
plugins: [
new PrerenderSPAPlugin({
入口1配置
}),
new PrerenderSPAPlugin({
入口2 配置
})

]

试试这个

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题