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

Question

ブラウザでキャッシュできるように、それらをバンドルから除外したいと思います。これといくつかのバリエーションを試しましたが、webpack.config.js で成功しませんでした。react と react-dom は正常に動作します。

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

ご協力いただきありがとうございます。

score 3 · Accepted Answer

あなたのコードを読んでいる他の誰か、または今から 2 か月後にあなた自身を混乱させたくない場合は、特定の関数の代わりに外部関数を使用して lib をインポートしてください :)

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

score 0 · Accepted Answer

グローバルに含める場合、グローバル変数からmobxアクセスする必要があります。observablemobx

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

また：

var observable = mobx.observable;

class MyStore {
  @observable prop = [];
}

2 に答える 2