gulp 예제

명령줄에서 gulp sass를 실행하는 경우 이제 styles.css 파일이 앱/css에서 만들어졌는지 확인할 수 있습니다. 또한 백분율(5/7)이 71.42857%로 증발된 코드가 있습니다. 그냥 여기 호기심, 작업이 걸프 시계와 같은 실행하기 시작하면, 어떻게 그들을 중지합니까? 나는 여전히 터미널에 입력 할 수 있지만 아무 일도 일어나지 않습니다. 브라우저 동기화를 설치할 때 gulp-접두사가 없는 것으로 나타났습니다. 브라우저 동기화 는 Gulp와 함께 작동 하기 때문에, 그래서 우리는 플러그인을 사용할 필요가 없습니다. 이것은 너무 많은 노력인가요? Gulp는 소스 파일을 모니터링하고 파일이 변경될 때마다 적절한 작업을 실행할 수 있는 .watch() 메서드를 제공합니다. 모니터링할 파일/폴더 집합, 옵션(여기서 사용되지 않는) 및 실행할 작업 함수(선택적으로 gulp.series() 및/또는 gulp.parallel() 메서드 내에서 실행되는 작업 함수를 전달했습니다. 작업 이름은 작업 이름을 나타내며 Gulp에서 작업을 실행할 때마다 사용됩니다. gulp 작업 이름을 작성하여 명령줄에서 동일한 작업을 실행할 수도 있습니다. 여기 내 gulpfile.js: https://github.com/Zubrik/gulpfile/blob/master/gulpfile.js 우리는 aGulpPlugin () sass ()로 대체 하 여 gulp-sass를 사용할 수 있습니다. 이 작업은 Sass를 CSS로 컴파일하기 위한 것이므로 sass의 이름을 지정해 보겠습니다.

여기서 는 gulp.src API를 사용하여 입력 파일을 지정합니다. 한 가지 주의해야 할 점은 JSHint에 대한 리포터를 지정해야 한다는 것입니다. 기본 리포터를 사용하고 있는데, 대부분의 사람들에게는 괜찮습니다. 이에 대한 자세한 내용은 JSHint 웹 사이트에서 찾을 수 있습니다. `gulp useref`후, 내 js 파일은 하나의 파일에 결합되고 index.html 파일이 업데이트됩니다 … 그러나 js 파일 중 하나를 변경하면 더 이상 아무 일도 일어나지 않습니다… 나는 가는 방법을 혼란스러워 … 전 세계적으로 Gulp를 설치하지 않기 때문에 sudo 키워드가 필요하지 않으므로 -g도 필요하지 않습니다. 패키지.json에서 dev 종속성으로 gulp를 추가하도록 컴퓨터에 알려주는 –save-dev를 추가했습니다. 내 이전 문제에 대한 수정 프로그램을 찾았습니다 : dest는 문제가되지 않습니다.

그것은 내 하루를 끔찍하게 만든 아래 의 라인입니다. 잘못된 플러그인을 설치했습니다. 첫째, postCs는 gulp-autoprefixer가 아닌 자동 사전 수정자 플러그인이 필요합니다. 변경 하면 궁금해 처럼 작동 이 프로젝트에 로컬로 gulp를 설치 하 고 package.json 파일에서 devDependenies에 저장 합니다. 이제 이 gulp 변수로 gulp 작업을 작성할 수 있습니다. gulp 작업의 기본 구문은 명령줄에 gulp 빌드를 저장하고 입력하여 모든 작업을 실행하는 것입니다. 그래서 우리는 우리의 패키지에 걸프를 설치하려는 경우, 우리는 입력 : npm 은 gulp 저장 gulpfile.js를 설치하고 명령 줄에 gulp를 입력합니다. 이미지, HTML, CSS 및 자바 스크립트가 처리된 다음 Gulp는 필요에 따라 업데이트 및 재실행 작업을 적극적으로 관찰합니다.

Ctrl/Cmd + C를 누르고 모니터링을 중단하고 명령줄로 돌아갑니다. @jeromecoupe 아니오! 나는 gulp 3을 사용 > 멋진 작품을 나는 새로운 모든 작업에 대한 업데이트를 triyed,하지만 더 빌드 폴더 (빌드 작업) ((내 영어 죄송합니다) 여기에 시계 작업과 더 복잡한 Gulp.js 3 예입니다 : 많은 사람을 삼키고 있어요, 나는 gulp에 새로운 거야 과정은 gulp v3을 사용하고 있습니다. 이것은 도움이 될 것입니다. Gulp의 절대적인 기본 사항을 살펴보고 HTML과 JS 파일을 동시에 보면서 Sass를 CSS로 컴파일할 수 있는 워크플로우를 만들었습니다. 명령줄에서 gulp 명령을 통해 이 작업을 실행할 수 있습니다.

Die Kommentarfunktion ist geschlossen.