gulp 설정 과정에서 만나는 구덩이

3679 단어
  • return의 역할은'clean'이 정의한 function에 대해 함수 자체가 실행되었지만 파일 삭제 작업은 여전히 진행되고 있을 수 있습니다. gulp 작업의 작업은 대부분 데이터 흐름 (Stream) 작업입니다. 그 작업 진도는 함수 실행과 무관합니다."less"작업을 시작하려면 "clean"작업에서 특수 인코딩을 해야 합니다. 마지막 데이터 흐름 (Stream) 대상을 되돌려줍니다
    • gulp.task('clean', function() {
    return gulp.src(['server/js/*.js'])
            .pipe(clean());
});

    2. html에 bower_를 도입해야 함components의 css 파일을 설정할 때bower를 설정해야 합니다.json 아래 블로그 참조https://segmentfault.com/q/1010000005666518삼.wiredep를 사용하여 bower가 설치된 파일을 도입하는 것 외에gulp-inject도 사용할 수 있습니다.하지만 와이어를 사용하는 것을 권장합니다.https://www.npmjs.com/package/gulp-inject홈페이지 예시 인용:gulpfile.js: 
    var bowerFiles = require('main-bower-files'),
    inject = require('gulp-inject'),
    stylus = require('gulp-stylus'),
    es = require('event-stream');

var cssFiles = gulp.src('./src/**/*.styl')
  .pipe(stylus())
  .pipe(gulp.dest('./build'));

gulp.src('./src/index.html')
  .pipe(inject(gulp.src(bowerFiles(), {read: false}), {name: 'bower'}))
  .pipe(inject(es.merge(
    cssFiles,
    gulp.src('./src/app/**/*.js', {read: false})
  )))
  .pipe(gulp.dest('./build'));

    src/index.html: 
    
<html>
<head>
  <title>My indextitle>
  
  
  
  
  
  
head>
<body>

  
  
  
  
  
  
body>
html>

    4.browser-sync 브라우저를 시작할 때 매개 변수 설정http://www.browsersync.cn/docs/options/
    node + Express 서버 성능 실험
    React/Mubox GLJS를 사용하여 브라우저에서 MapTiler 맵을 가장 짧게 표시

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage