웹팩 모듈화 전역 변수 방법

943 단어
장면은 이렇습니다. 항목에 index가 있습니다.html 전역 도입 jquery.그러나 npm install fullcalendar를 통해 fullcanlendar를 도입하면 오류가 발생하여 jquery 모듈을 찾을 수 없음을 알립니다.
주역이 등장하다
  • webpack.ProvidePlugin 웹 패키지 내장 플러그인
    • 사용법
    plugins.push(
    new webpack.ProvidePlugin({ 
        jQuery: "jquery", 
        $: "jquery", 
        jquery:"jquery" 
    })
)

    그 중에서 'jquery' 문자열은 모듈화된 인용의 window에 있는 직접 속성 인용의 window입니다.jquery 이렇게 한 다음에 디버깅을 다시 시작하면 돼요.
    import $$  from "jQuery";
import $$$ from "$";
import $$$$ from "jquery";

$$ === $$$ === $$$$  === jquery === window.jquery

    vue-cli 프로젝트에서 다음 코드를build/webpack에 추가합니다.base.conf.js 파일 module.exports 대상의 중
    module.exports = {
    externals...
    entry...
    plugins:[
        new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery", jquery:"jquery" })
    ]
}
    jQuery 태그 관련
    jquery 도입

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage