Reactjs 命名导入的网页包别名
在同样针对web和Tizen的react-native应用程序中,我尝试使用webpack别名将react-native web的子组件替换为自定义包 相关网页包配置如下所示:Reactjs 命名导入的网页包别名,reactjs,react-native,web,webpack,tizen,Reactjs,React Native,Web,Webpack,Tizen,在同样针对web和Tizen的react-native应用程序中,我尝试使用webpack别名将react-native web的子组件替换为自定义包 相关网页包配置如下所示: module.exports = { //... resolve: { alias: { 'react-native': 'react-native-web', 'react-native/Libraries/Alert': 'web/MyOwnAlertComponent', /
module.exports = {
//...
resolve: {
alias: {
'react-native': 'react-native-web',
'react-native/Libraries/Alert': 'web/MyOwnAlertComponent', // does not work
'react-native-web/dist/exports/Alert': 'web/MyOwnAlertComponent', // does not work either
...
}
}
};
第一个别名成功地将所有react本机导入别名化为react本机web。警报组件也是react native的一部分,以代码形式导入,如下所示:
import { Alert } from 'react-native';
但是,在react native web中,此警报组件只是一个存根,没有实现。因此,在我的webpack别名的第二行中,我想将react native Alert别名为我自己的实现。这似乎不是这样工作的
那么,我如何将react native/Libraries/Alert或react native web/dist/exports/Alert指向我自己的警报实现呢?如果可能的话,我想解决这个问题,但不涉及Android、iOS、tvOS、web和Tizen之间共享的原始代码。请参考我使用的基于此的警报实现;但我不是在寻找一个实现,我想用一个自定义的来替换react原生web的存根。最好使用网页包别名。你找到任何解决方案了吗?请参考我使用的基于此的警报实现;但我不是在寻找一个实现,我想用一个自定义的来替换react原生web的存根。最好使用网页包装别名。你找到解决方案了吗?