如何使用 ui-router 在 angular cli 项目中设置 guessjs？

Question

我正在尝试设置 guessjs 以通过静态 routes.json 文件预取我当前的一些模块。该项目使用 angular cli 和自定义 webpack 配置，如此处所述 https://guess-js.github.io/docs/angular

但是，该项目使用 UI 路由器进行路由，而不是 Angular 路由器模块。

这是自定义 webpack 配置文件

new GuessPlugin({
            // Alternatively you can provide a Google Analytics View ID
            // GA: 'XXXXXX',
            reportProvider() {
                return Promise.resolve(
                    JSON.parse(
                        require('fs')
                        .readFileSync(helpers.root('src/routes.json'))
                    )
                );
            },
            runtime: {
                delegate: false
            },
            routeProvider() {
                return parseRoutes('.');
            }
        })

这是自定义 routes.json 文件

{
    "/": {
        "/connection": 50
    }
}

这是我的 app.routes.ts 文件

    {
        name: 'connection.**',
        url: '/connection',
        loadChildren: () => import('../connection/connection.module').then((m) => m.ConnectionModule)
    },

当我运行构建时，在终端中我没有看到 table

中的任何映射


 Guess.js introduced the following prefetching instructions:
INFO::1573516022471:: 

╔════════════╤════════╤═════════════╗
║ Prefetcher │ Target │ Probability ║
╚════════════╧════════╧═════════════╝

这个table是空的。我相信这个 table 应该用 routes.json?

中指定的路线填充

是否需要任何单独的配置来设置 guessjs 以与 UI Router 一起使用？

Angular：8.2.0 UI路由器：4.0.0 猜测解析器：0.4.12 猜测网络包：0.4.12

感谢您的帮助。

Answer 1

刚从库的所有者那里得到回复 - Guess.js 目前不支持 UI Router，只有 Angular 应用的 Angular Router 支持。希望这有帮助。

如何使用 ui-router 在 angular cli 项目中设置 guessjs？

How to setup guessjs in an angular cli project using the ui-router?

angular-ui-router

angular-cli

angular

guess.js