2017-09-25 3 views
1

webpack과 함께 knockoutjs를 사용할 수 있습니까? 지금, 난 그냥 같이 웹팩 설정에 항목이"외관"이없는 webpack 및 knockoutjs?

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js"></script> 

함께 내 HTML에서 다음이 너무

externals: { 
    'ko': 'ko' 
} 
내가 대신 내가 yarn에 설치 한 코의 어떤 버전을 사용하고 싶습니다

.

knockoutjs에는 this line이 관련되어있는 것으로 보입니다.이 over here의 해결 방법에 대한 힌트가있는 것 같습니다.

이상적으로, 나는 아직도 (HTML에 웹팩에 의해 주입) 스크립트 태그를 사용하고 싶습니다,하지만 녹아웃이 어떻게 든 node_modules에서로드 할 수 있다면 내가 생각 나는 ...

어떻게 자신을 알아낼 수 내 webpack 구성에 externals 항목이없는 require 녹아웃을 원사와 함께 설치합니까?

답변

1

큰 성공. 질문에있는 링크를 따라 나는 그것이 웹팩 설정

module: { 
    loaders: [ 
    { 
     test: /knockout.build.output.knockout-latest\.js/, 
     loader: "imports?require=>false" 
    } 
    ] 
} 

에 다음 항목 롤링 그럭저럭 그때 그것은 module.exports.entry 섹션에 단지 require('knockout')

+0

이 혼란을 webpack.config.js. 나는 module.exports.entry 섹션에 녹아웃을 넣었고 require ('knockout')와 함께 작업하고있다. 로더가 필요하지 않습니다. 이것이 왜 당신에게 효과가 없다고 설명 할 수 있습니까? –

-1

넣고 녹아웃 노력하고 있습니다 . 필요한 것은 js 파일에 include하는 것뿐입니다 (require) ('knockout').

module.exports.entry = { 
    vendor: [ 
     'jquery', 
     'knockout', 
     'bootstrap'    
    ], 
    emal_patient_form : [ 
     path.resolve(__dirname, 'resources/js/EmalPatientForm.js') 
    ] 
}; 
... 

... /resources/js/EmalPatientForm.js

... 
const ko = require("knockout"); 
const myViewModel = { 
    error_messsage: ko.observable(''), 
    alert: ko.observable('') 
}; 
ko.applyBindings(myViewModel); 
... 
+0

멋지다! 예를 들어 줄 수 있습니까? – vidstige

+0

예제가 추가되었습니다. –

+0

나를 위해 작동하지 않습니다. 나는 새로운 프로젝트에서'yarn add knockout'을 시도했다. – vidstige