在CRA + Workbox应用中的哪里添加新的缓存过滤器？

Question

具有由Workbox支持的由Create React App生成的应用程序，用于SW缓存。尝试在src / serviceWorker.js的register()方法中添加其他自定义缓存逻辑。

import {registerRoute} from 'workbox-routing/registerRoute.mjs';
import {StaleWhileRevalidate} from 'workbox-strategies/StaleWhileRevalidate.mjs';

export function register(config) {
    ...
    registerRoute(
        /\.(?:bin)$/,
        new StaleWhileRevalidate({
            cacheName: 'binaries',
        })
    );
    ...
}

1. 添加此自定义缓存逻辑的正确位置是什么？
2. 我需要分别安装这些工作箱子模块吗？

感谢您的帮助：）