npm을 사용하여 mux 라이브러리를 설치하고 다음과 같이 가져옵니다.
<script defer src="../node_modules/mux.js/dist/mux.js"></script>
이 스크립트가로드 될 때 일부 전역 JS 변수를 정의한다는 것을 알고 있습니다. 이런 식으로로드되는 스크립트는 var정의 의 무리 일까요? ES6 가져 오기 / 웹팩과 전혀 호환됩니까?
대신 webpack을 사용하여 스크립트를 번들링 할 수 있습니까?
예.
ProvidePlugin 을 사용할 수 있습니다. 모든 곳에서 모듈을 가져 오거나 요구하는 대신 자동으로 모듈을로드합니다.
plugins: [
new webpack.ProvidePlugin({
muxjs: 'mux.js/dist/mux.js', // By default, module resolution path is current folder (./**) and node_modules
})
]
이제 모듈 (파일)에서 사용하십시오.
const tools = muxjs.mp4.tools;
muxjs모듈에서 자유 변수로 발견 될 때마다 는 'mux.js/dist/mux.js'자동으로로드되고 muxjs변수는로드 된 모듈의 내보내기 (또는 명명 된 내보내기를 지원하기위한 속성)로 채워집니다.
물론 Webpack에는 캐시가 있으므로이 타사 라이브러리는 한 번만 다운로드됩니다 (이 타사 라이브러리를로드하는 여러 항목으로 작업하지 않는 한).
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다