2017-05-23 1 views
0

Laravel mix docsnpm run watch이 "모든 관련 파일을 변경합니다"라는 것을 나타냅니다. 그러나 어떤 파일이 관련성이 높은지 어디서 볼 수 있습니까?Laravel 5.4 npm 실행 감시 용 파일 지정

특히 컴파일하고 싶은 파일이 resources/assets/js/components입니다. 그러나 내가 포함시키고 자하는 임의의 파일이 있다고 말하기.

어떻게 지정합니까?

설명 내 원래의 게시물에서 충분히 명확하지 않은 수

, 그래서 나는 다시 시도 할 것이다.

내가 찾고있는 것은 모든 자산을 (다시) 컴파일하기 위해 npm run watch 인 파일 및/또는 디렉토리 목록입니다. 그리고 그 목록을 편집하는 방법.

답변

0

어디서 어떤 파일이 관련되어 있습니까?

webpack.mix.js 파일에 포함 된 모든 파일.

특히 리소스/자산/js/구성 요소에 파일을 컴파일하고 싶습니다.

그냥 그들을 예를 들어, webpack.mix.js 파일에 추가 : 당신이 그들을 편집하면 웹팩은 app.js 파일에 파일을 컴파일

mix.js([ 
    'resources/assets/js/components/foo.js', 
    'resources/assets/js/components/ba.js' 
], 'public/js/app.js'); 

.

하지만 내가 포함시키고 자하는 임의의 파일이 있다고 가정 해보십시오.

같은 트릭. (CSS, JS, VUE, 말대꾸, 이하) 당신이 필요로 같은 webpack.mix.js에 추가

mix.styles([ 
'resources/assets/css/my-arbitrary-style.css' 
], 'public/css/all-css.css'); 

참고 :을 당신이 전체 디렉토리를 복사하는 경우, 같은 :

mix.copyDirectory('resources/assets/js/components', 'public/js/components'); 

.. watch webpack을 사용하면 구성 요소 디렉토리가 public/js/components/resources/assets/js/components으로 복사됩니다.

+0

흠 ... 나는 그것이 옳다는 것을 확신하지 못합니다. 당신이 기술하고있는 것은'public/js/app.js' 파일에'mix-eded '하고 싶은 파일을 지정하는 방법입니다. 어느 것이 위대하며, 나는 그것을 사용합니다. 'npm run watch/dev' 명령문을 컴파일 할 때 이미'js/components/* .vue' 파일을 포함하고 있습니다. 하지만 당신이 말한 것을 시도해 보았습니다.''resources/assets/js/components/UsernameList.vue ''를 추가했는데, '케이싱이 다른 이름을 가진 모듈이 여러 개 있습니다.'라는 오류가 발생했습니다. 그래서'watch'-ed 파일 목록은 다른 곳에서 발견 된 것 같습니다. – Sanuglia

+0

'이름이 다른 여러 개의 모듈이 있습니다. '는 laravel처럼 보입니다. '각도'를 사용하고 있습니까? 이 오류는 잘못된 대소 문자로 가져 오기를 수행하는 곳에서 프롬프트됩니다. – manix

+0

아니요, 각도를 사용하지 않습니다. 그러나 다시 기본 L5.4 설치는 이미'public/assets/js/components'의 자산으로 컴파일되므로'webpack.mix/config.js'에 추가 할 필요가 없습니다.내 질문은 어떤 파일이 _trigger_'npm run watch'인지와 그 목록을 편집하는 방법에 관한 것입니다. 좀 더 구체적으로 질문을 업데이트하겠습니다. – Sanuglia