질문을 삭제하지 말아주세요.!
 
1
0
-1

라라벨로 배우는 실전 PHP 웹 프로그래밍 책 194 페이지에서 gulp를 빌드했는데,

app.css.map 파일이 생성이 안 됩니다.


전역으로도 설치해보고 지역으로도 설치해봤는데도 안 되네요.


다음은 제가 빌드한 과정입니다.


명령어 >> 'gulp'

에러 >> No gulpfile found

명령어 >> touch gulpfile.js gulpfile.js

파일 수정 >>

var gulp = require('gulp');

gulp.task('default', function () { console.log('Hello Gulp!') });

명령어 >> gulp


이렇게 해보았는데 pupblic/css에 app.css.map 파일이 없습니다.

파일을 다르게 수정해야 하는 것인가요?

도와주세요~


Laravel Framework : 5.6.12

Composer : 1.6.3

gulp : 3.91

    CommentAdd your comment...

    1 answer

    1.  
      1
      0
      -1
      1. Jun

        책에는 빌드가 문제가 없을 경우 public/css 아래 app.css.map 파일이 있다고 나와 있는데,

        없어도 되는 것인지 궁금합니다!

      2. 김주원

        없어도 됩니다. 라라벨 5.6의 mix.sass() API에서 소스맵을 생성하는 역할이 빠진 것이 아닐까 조심스럽게 추측해 봅니다.

        소스맵(*.css.map, *.js.map 등)은 minify된 js/css를 브라우저의 콘솔에서 볼 때, 마치 minify되지 않은 것 처럼 풀어서 보여줄때 유용한 도우미 파일이며, 실제 js/css 작동에는 아무런 영향이 없습니다. 

        아래 그림을 보시면, bundle.js는 minify되어 있어 파일을 열어보면 딱 한 줄만 써있습니다. 그러나, 브라우저의 웹 콘솔에서 열면 소스맵의 도움을 받아 아래 그림처럼 보여주고, 실행 중에 js 오류가 발생하면 정확한 함수와 라인번호를 콘솔에 찍어 줄 수 있는 겁니다. 

      3. Jun

        넵. 답변 감사드립니다 ^^

      CommentAdd your comment...