Magento 2에서 JS 확장 / 재정의

Magento2가 스크립트 로딩을 위해 RequireJS를 사용하고 스킨 폴더 가 더 이상 없기 때문에 문제가 발생했습니다.

Magento의 모듈 JS 파일을 수정 된 버전으로 바꾸려면 어떻게해야합니까?

예를 들어 — Magento_Checkout 확장에 속하는 opc-checkout-method.js 입니다. 내가 볼 수있는 한 requirejs-config.js 파일에 정의되어 있지 않습니다.

내 확장은 Magento_Checkout 이후에로드 되므로 requirejs-config.js 데이터가 requirejs-config 파일의 끝에 추가됩니다.

아니면 전체 스크립트를 바꾸지 않고 다른 방법으로해야합니까?

스킨 폴더는 없지만 테마를 계속 사용할 수 있습니다.

개념 증명 op-checkout-method.js으로이 예제를 사용 했습니다.

전제 조건 :

• Magento2-beta11 설치
• 기본 테마가 활성화되었습니다 (공백).
• pub/static폴더에 파일이 생성되지 않습니다 (pub / static / frontend 폴더 제거)

행위:

• op-checkout-method.js파일을 모듈 위치 app/code/Magento/Checkout/view/frontend/web/js/opc-checkout-method.js에서 빈 테마로 복사 했습니다.app/design/frontend/Magento/blank/Magento_Checkout/web/js/opc-checkout-method.js
• 복제 파일을 편집하고 추가 console.log('something')또는 alert('something')에서 _create의 기능 mage.opcCheckoutMethod위젯.
• 브라우저 캐시를 지 웁니다.

결과:

• 결제 페이지가로드되면 경고가 표시되거나 텍스트가 콘솔에 기록 된 것을 볼 수 있습니다.

관련 정보 :

cli php dev/tools/Magento/Tools/View/deploy.php(정적 리소스를 게시하는 스크립트) 에서 실행하면 새 js 파일이 배치됩니다.pub/static/frontend/Magento/blank/en_US/Magento_Checkout/js/opc-checkout-method.js

[편집하다]

모듈을 통해 할 수있는 방법을 찾았습니다.

이것을 [Namespace]/[Module]/view/frontend/requirejs-config.js추가하십시오 :

var config = {
    map: {
        '*': {
            'Magento_Checkout/js/opc-checkout-method':'[Namespace]_[Module]/js/opc-checkout-method'
        }
    }
};

그런 다음 [Namespace]/[Module]/view/frontend/web/js/opc-checkout-method.js컨텐츠로 파일 을 작성하십시오 .

테스트 목적으로 원본 파일을 복제 console.log하고 _create함수에 다시 추가했습니다 .

또한 프론트 엔드의 공용 자원을 재생성해야합니다.

기본 JS 구성 요소 확장 / 대체에 대한 공식 문서는 다음과 같습니다. http://devdocs.magento.com/guides/v2.0/javascript-dev-guide/javascript/custom_js.html

피드백은 환영합니다!