如何在员工内部导入/使用Immutable.js

Question

我已经坚持了两天了，还没有找到这个问题的答案。

在我的React应用程序中，我使用immutable.js进行所有对象操作。我需要一个网络工作者来做一些计算&将操作发回给middleware进行调度。

使用此语法将得到一个错误：

Worker.js

self.importScripts( "../../node_modules/immutable/dist/immutable.js" );

浏览器报告的错误：NetworkError: Failed to load worker script at ../../node_modules/immutable/dist/immutable.js (nsresult = 0x804b001d)

如何将immutable.js导入到web工作者文件中&如何使用它？显然，下面的es6 import语法无法工作。

不起作用：

import { Map, List } from "immutable";

Answer 1

importScripts()在浏览器上下文中从外部服务导入脚本文件--浏览器无法访问节点模块，因此不能在那里导入node_modules。

相反，尝试从CDN (如CDNJS )导入不可变的。

self.importScripts( "https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.1/immutable.min.js" );
var map1 = Immutable.Map({a:1, b:2, c:3});
var map2 = map1.set('b', 50);
map1.get('b'); // 2
map2.get('b'); // 50