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> 

는이 오류를 얻고있다.

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

나 : 당신이 세계적으로 mobx을 포함하면

Answer 1

당신의 코드 또는 자신을 두 달 후, 특정 함수 대신 lib를 가져 오기 위해 외부 함수를 사용하십시오.

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

Answer 2

, 전역 mobx 변수에서 observable에 액세스 할 수있는 매우 읽는 다른 사람 혼란에 당신이 원하지 않는 경우

var observable = mobx.observable; 

class MyStore { 
    @observable prop = []; 
}