2017-12-20 2 views
3

먼저 webpack.DllPlugin을 사용하여 vendor.dll.js를 생성합니다.기존 HTML에 webpack DLL을 삽입하는 방법은 무엇입니까?

둘째, HtmlWebpackPlugin에 의해 생성 된 html-webpack-include-assets-plugin을 사용하여 html에 vendor.dll.js를 삽입합니다. 이처럼 :

new HtmlWebpackPlugin(), 
new webpack.DllReferencePlugin({ 
    context: __dirname, 
    manifest: require('./vendor-manifest.json') 
}) 
new HtmlWebpackIncludeAssetsPlugin({ 
    assets: ['vendor.dll.js'], 
    hash: true, 
    append: false, 
}) 

질문 :

어떻게 HTML-웹팩-플러그인을 사용하지 않고, exsiting HTML로 vendor.dll.js를 삽입 할 수 있습니까?

감사

+0

입니다 (실제 경로 내가 대해 아무것도 몰라 지역 설정에 따라 다를 수 있습니다). 브라우저 콘솔을 통해 쉽게 수행 할 수 있습니다. 자동 주입을 원할 경우 크롬 확장과 같은 브라우저 확장 프로그램을 조사해야합니다. –

+0

Ji, 질문을 오해하고있는 것 같아요, 아니면 제가 - 아마도 OP가 자신의 HTML 파일에 번들을 포함하려고한다고 가정합니다 –

답변

1

그냥 다른를 같은 기존의 HTML 페이지에 포함 할 수 있도록 웹팩 빌드에 의해 생성 된 공급 업체 번들, 그냥 웹팩에 의해 만들어진 다른 번들과 같은 로컬 파일 시스템에 자바 스크립트 파일입니다 JavaScript 파일 - 스크립트 태그 사용.

<script src="vendor.dll.js"></script> 

당신이 할하려고하는 것은 스크립트 삽입이

+0

죄송 합니다만, 질문을 명확하게하지 않습니다. 실제로 vendor.dll.js의 이름은 '[name] _ [hash]'에 의해 생성됩니다. 그래서 이름이 바뀔 수 있습니다. 나는 webpack이 자동으로이 스크립트를 기존 HTML에 삽입 할 수 있는지 궁금합니다. 안녕하세요, 답장을 보내 주셔서 감사합니다. – summer

관련 문제