webpackを使用してバンドルからmobxとmobx-reactを除外する方法

Question

私はバンドルから除外して、ブラウザでキャッシュできるようにしたいと思います。私はこれとwebpack.config.jsで成功しなかったいくつかのバリエーションを試しました。反応して反応するとうまく働く。あなたの助けのための

observable is not defined 

ありがとう：

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> 

私はこのエラーを取得しています。

Answer 1

：

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

かコード、またはあなた自身から2ヶ月後に、特定の機能の代わりに外部関数を使用してlibをインポートしてください:)

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

Answer 2

あなたがグローバルmobxが含まれている場合、あなたはグローバルmobx変数からobservableにアクセスする必要があります：あなたは非常に誰があなたを読んで混乱したくない場合

var observable = mobx.observable; 

class MyStore { 
    @observable prop = []; 
}