사용 웹팩/NPM 콤보 모듈

Question

우리는 우리의 JS를 번들로 비약/웹팩을 사용하여 Laravel 5.3 및 UIKit이 조합 설정을 가지고

시나리오 내에서 추가 파일을 필요로합니다. 기본 laravel으로

가 함께 제공 /resources/js/bootstrap.js,이 파일은 종속 관계를 포함하는 데 사용됩니다

(관련 트위터되지 않음) 그래서 현재는 UIKit가 구성 요소를 기반으로하기 때문에

window._ = require('lodash'); 
window.$ = window.jQuery = require('jquery'); 
window.UI = window.UIkit = require('uikit'); 

처럼 보이는, 당신을 할 수 있습니다 여분의 기능, 예를 들어 모달/툴팁에 볼트를 추가하려면 추가 js 구성 요소를 포함시켜야합니다.

이 내가 현재

window.UI = window.UIkit = require('uikit'); 
require('../../../node_modules/uikit/dist/js/components/tooltip'); 

을하고 있어요 /node_modules/uikit/dist/js/components/tooltip.js

이 의미로 저장됩니다 당신이 뭔가 일이 발생하고 까봐 나를 불편하게 시작,에서 ../../../ 매우 주제 넘은 더러운이 볼 수 있듯이 이것은 경로가 아닙니다.

[질문

는 이러한 추가 파일을 포함하는보다 효과적인/안정적/덜 오류가 발생하기 쉬운 방법이 있습니까? 예를 들어

require('uikit')->path('components/tooltip'); 

많은 감사

질문을 게시 한 후

Answer 1

클래식 한 순간, 노드 문서를 통해 더 파고 시작

먼저 모듈을 정의를 통해 서브 모듈에 액세스 할 수 있습니다 설명

https://nodejs.org/api/modules.html#modules_loading_from_node_modules_folders

건너 온 , 그런 다음 로컬 경로는 추가 파일입니다.

예컨대

require('MODULE/path/to/submodule'); 

그래서 UIkits 예제에서이

require('uikit/dist/js/components/tooltip'); 

가 Hopefuly이 다른 사람을 도움이 될 것입니다.