So schließen Sie Mobx und Mobx-Reagieren aus dem Bundle mit dem Webpack

Question

aus Ich möchte sie aus dem Bundle ausschließen, damit sie vom Browser zwischengespeichert werden können. Ich habe dies und ein paar Variationen ohne Erfolg in webpack.config.js versucht. reagieren und reagieren-dom funktionieren gut.

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

ich sie führe in meinem index.html in

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

Ich erhalte diese Fehlermeldung:

observable is not defined 

Vielen Dank für Ihre Hilfe.

Answer 1

Wenn Sie nicht wollen, zu hoch jemand anderes verwechseln Lektüre Ihrer code, oder selbst in zwei monaten, verwenden sie external anstelle der spezifischen funcs die lib zu importieren :)

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

Answer 2

Wenn Sie mobx global sind, müssen Sie observable von der globalen mobx Variable zugreifen:

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

oder:

var observable = mobx.observable; 

class MyStore { 
    @observable prop = []; 
}