时间戳

首页 > 解决方案 > 在反应中向 Webpack 添加服务工作者

javascript - 在反应中向 Webpack 添加服务工作者

问题描述

如果您使用 Create React App、Next.js、Gatsby 或类似工具，您将有一个开箱即用的 Webpack 设置来捆绑您的应用程序。

所以默认情况下我们在 React 应用程序中有 Webpack，我想添加firebase-messaging-sw.js到我的 webpack 配置中以迁移到firebase 的模块化Web SDK

我怎样才能添加firebase-messaging-sw.js到 webpack 的 react 让我使用import和 tree-shaking

标签： javascriptreactjswebpackfirebase-cloud-messaging

解决方案

根据文档，您只需要运行

npm i firebase@9.1.1 --save

你就完成了。（添加--save以便将更改添加到您的 package.json 中）

Webpack 只是一个模块捆绑器，它会在您导入时找到已安装的包并使用它。摇树将由 Webpack 自动完成。所以你不必修改现有的webpack.config.js（这需要你首先弹出配置）。

推荐阅读