首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用优化的es6构建MobX在城域配置中进行本地响应

使用优化的es6构建MobX在城域配置中进行本地响应
EN

Stack Overflow用户
提问于 2020-03-25 18:04:09
回答 1查看 251关注 0票数 0

我正在尝试使用优化的Mobx es6构建,如文档所示:

提示: MobX 5包的主要入口点附带了ES5代码,以便与所有构建工具进行向后兼容性。但是,由于MobX 5只在现代浏览器上运行,所以考虑使用更快、更小的ES6构建: lib/mobx.es6.js。例如,通过设置webpack别名:resolve: { alias: { mobx: __dirname + "/node_modules/mobx/lib/mobx.es6.js" }}

https://mobx.js.org/README.html#browser-support

这允许我导入mobx并获取mobx.es6.js构建:

代码语言:javascript
运行
复制
import mobx from 'mobx' // Yay, es6 build!!!

这对于Webpack的项目非常有用,比如电子项目,我已经在那里工作了。

对于React,我可以在extraNodeModules中指定metro.config.js,如下所示:

代码语言:javascript
运行
复制
module.exports = {
    resolver: {
        extraNodeModules: {
            "mobx": path.resolve(__dirname, 'node_modules/mobx/lib/mobx.es6.js'),
        },
    },
};

我猜想,...except不起作用,因为mobx依赖于自己解决得很好,所以这个配置选项永远不会被选中。

我可以为mobx使用单独的别名,如mobx-es6,但这并不理想,可以这么说:

代码语言:javascript
运行
复制
module.exports = {
    resolver: {
        extraNodeModules: {
            // Nooo I don't want to update a bazillion source files!.
            "mobx-es6": path.resolve(__dirname, 'node_modules/mobx/lib/mobx.es6.js'),
        },
    },
};

还有其他方法来配置Metro,这样我就可以像Webpack一样覆盖mobx导入了吗?

我用的是0.60.0 RN。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-03-25 20:44:01

解决方案是将browser部分添加到package.json

代码语言:javascript
运行
复制
    "name": "My React Native Project",
    "version": "0.0.1",
    "browser": {
        "mobx": "mobx/lib/mobx.es6.js"
    },

这是没有记录的,AFAICT,但这里有提示:

resolverMainFields

类型:Array<string>

指定模块解析器将用于在需要某些包时重定向的package.json文件中的字段。例如,使用“browser”,“main”将使用浏览器字段,如果不存在,则默认为main。

https://facebook.github.io/metro/docs/configuration#resolvermainfields

代码语言:javascript
运行
复制
import mobx from 'mobx' // Yay, es6 build!!!
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60854736

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档