node.js - 使用 quasar 构建多个页面

Question

我需要使用 Quasar 构建一个多页面网站来托管在 Netlify 上，但 Quasar 仅构建 index.html。

我尝试使用Quasar build和Quasar build --mode ssr。两者都未能构建 index.html 之外的内容。

有没有办法完成多个页面？

Answer 1

SPA的概念很好，但它仍然不能满足每个人的需求，一个例子是有一个后端应用程序(例如django)并且不愿意花大量时间为其开发rest api或graphql提供 SPA 内容。

Quasar cli 的核心只是一个 webpack 配置，您可以自定义它来实现 webpack 可以做的任何事情，包括多页面应用程序，以下是实现此目的的快速方法:

apps/myapp/pages.js

module.exports = {
  main_page: {
    entry: `${__dirname}/pages/main/main_page.js`
  }
  blog_entry_page: {
    entry: `${__dirname}/pages/blog/blog_entry_page.js`
  }
  ...
}

quasar.conf.js:

const HtmlWebpackPlugin = require('@quasar/app/node_modules/html-webpack-plugin')
const pages = require('./apps/myapp/pages')

module.exports = function (ctx) {
  return {
    ...
    build: {
      ...
      extendWebpack (cfg) {
        ...
        Object.keys(pages).forEach(function (page) {
          // Add page webpack entry
          cfg.entry[page] = pages[page].entry

          // Output an html file for the page
          cfg.plugins.push(
            new HtmlWebpackPlugin({
              template: 'mytemplate.html',
              filename: `html/${page}.html`,
              chunks: [page]
            })
          )
        })
        ...
      }
    }
  }

上面是一个简化的示例，只是为了演示这个概念，有关完整且功能性的示例，请参阅:https://gitlab.com/noor-projects/noor/tree/master/quasar-cli(检查此 commit 以了解添加了哪些内容来启用 MPA 支持)