Javascript 在网页包中注册服务人员

我使用webpack构建我的React应用程序。我不明白如何为我的服务人员指路。在

index.js

文件中，我成功接收到注册消息，但无法访问

public/serviceworner.js

网页包配置

 plugins: [
    new HtmlWebpackPlugin({
        filename: 'index.html',
        template: 'public/index.html',
        favicon: 'public/favicon.ico'
    }),
    new MiniCssExtractPlugin({
        filename: 'style.css'
    }),
    new WorkboxPlugin.GenerateSW({
        swDest: path.join(__dirname, 'build/serviceWorker.js'),
        clientsClaim: true,
        skipWaiting: true
    })
],

index.js

  if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
        navigator.serviceWorker.register('serviceWorker.js')
            .then((registration) => {
                registration.pushManager.subscribe({
                    userVisibleOnly: true,
                    applicationServerKey: convertedVapidKey
                })
                    .then((subscription) => {
                        sendSubscriptionToServer(subscription)
                    })
                    .catch((error) => {
                        console.log(error)
                    })
            })
            .catch((error) => {
                console.log(error);
            })
    })
}

---

查看“swDest”属性的值以更改软件输出文件夹请详细解释。我不明白这是什么意思