如何使用webpack

Question

我想将它们从捆绑包中排除，以便浏览器可以缓存它们。我在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> 

我收到此错误：

observable is not defined

感谢您的帮助。

Answer 1

如果您不想高兴地混淆其他人阅读您的代码，或者在两个月内将您自己混淆，请使用externals导入lib而不是特定的函数:)

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

Answer 2

当您在全球范围内加入mobx时，您必须从全局observable变量访问mobx：

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

或：

var observable = mobx.observable;

class MyStore {
  @observable prop = [];
}