如何解决将 npm 模块别名为不同的 npm 模块
我正在向我的 react-native 移动应用程序添加一个 Web 界面,首先使用 yarn 工作区将其转换为单一存储库,以便为共享代码创建可重用的包。我在移动应用程序中使用 react-native-firebase
来捕获分析并存储用户个人资料图片。共享代码还捕获了一些分析。我想重命名语句
import Firebase from '@react-native-firebase/app
到
import Firebase from 'firebase'
其中 firebase
是 JS NPM 模块。
是否可以使用 webpack 配置。我正在使用 create-react-app
创建 Web 应用程序,并使用 react-app-rewired
和 customize-cra
覆盖了 webpack 配置并添加了以下覆盖文件
const path = require('path')
const { override,babelInclude,addWebpackAlias } = require('customize-cra')
module.exports = override(
babelInclude([
/* transpile (converting to es5) code in src/ and shared component library */
path.resolve('src'),path.resolve('../my-shared'),path.resolve('../my-config'),path.resolve('../my-res')
]),addWebpackAlias({
['@react- native-firebase/app$']: 'firebase'
})
)
但这行不通。我的主要目标是能够在移动应用程序和网络应用程序使用的共享代码中使用 Firebase。我还尝试使用条件导入在移动设备的情况下导入 @react-native-firebase/app
,在网络的情况下使用 firebase
导入,但这也不起作用。
如果您知道我如何实现上述目标,请分享。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。