Reactjs 如何使用webpack从捆绑包中排除mobx和mobx react

我想将它们从捆绑包中排除，以便浏览器可以缓存它们。我在webpack.config.js中尝试了这个和一些变体，但没有成功。反应和反应都很好

externals: {
    "react": "React",
    "react-dom": "ReactDOM",
    'mobx': "observable",
    'mobx-react': "observer"
},

我把它们放在index.html中

<script src="./node_modules/mobx/lib/mobx.umd.js"></script>
<script src="./node_modules/mobx-react/index.js"></script> 

---

感谢您的帮助。

当您在全局范围内包含

mobx

时，您必须从全局

mobx

变量访问

observable

：

class MyStore {
  @mobx.observable prop = [];
}

或：

---

如果您不想在两个月后让阅读您的代码的其他人或您自己感到非常困惑，请使用externals来导入lib，而不是特定的func:）

---

谢谢我被外部语法弄糊涂了。它看起来像是库名：全局变量名。但我没有找到全局变量mobx或mobxReact。有人知道吗？

class MyStore {
  @mobx.observable prop = [];
}

var observable = mobx.observable;

class MyStore {
  @observable prop = [];
}

externals: {
    "react": "React",
    "react-dom": "ReactDOM",
    'mobx': "mobx",
    'mobx-react': "mobxReact"
}