Làm thế nào để sao chép các file ngọc biên soạn vào một thư mục đích bằng grunt

Question

Đối với một ứng dụng trang duy nhất mà tôi đang làm việc trên, tôi có cấu trúc sau:

• quận
  • css
  • js
  • lib
  • partials
  • index.html
• src
  • css
  • js
  • lib
  • xem
    • partials
    • index.jade

Danh bạ dist sẽ được máy chủ tốc hành sử dụng để phục vụ dự án. Tôi có nhiệm vụ grunt tầm thường (sử dụng grunt-contrib sạch, grunt-contrib-copy) để làm sạch quận và sao chép src/css, src/js, src/lib để quận.

Sự cố xảy ra với src/views. Thư mục này chứa các tệp tin ngọc cần được biên dịch thành các tệp html. Sau khi biên soạn, tôi muốn chúng ở số dist (index.html trong phần gốc, partials như subdir).

Hiện tại tôi đang sử dụng nhiệm vụ grunt-contrib-jade để biên dịch và sao chép tệp ngọc bích. Tôi muốn sao chép chúng sang dist, vì tôi không muốn thêm các tập tin html đã biên dịch vào kiểm soát nguồn. Nhưng bây giờ điều này là không thực sự khả thi, vì bạn phải xác định tất cả các tập tin ngọc bích (nay chỉ có một số ít, nhưng điều đó sẽ phát triển):

jade: { 
     compile: { 
      options: { 
       pretty: true 
      }, 
      files: { 
       // TODO make one line 
       'dist/index.html': ['src/views/index.jade'], 
       'dist/partials/banner.html': ['src/views/partials/banner.jade'], 
       'dist/partials/dashboard.html': ['src/views/partials/dashboard.jade'], 
       'dist/partials/navbar.html': ['src/views/partials/navbar.jade'], 
       'dist/partials/transfer.html': ['src/views/partials/transfer.jade'] 
      } 
     } 
    }, 

Có cách nào để sử dụng grunt-contrib-ngọc tác vụ (hoặc một công cụ khác) với bộ lọc thư mục? Như sau:

jade: { 
     compile: { 
      options: { 
       pretty: true 
      }, 
      dir: { 
       'dist': ['src/views'] 
      } 
     } 
    } 

Answer 1

Tôi đã kết thúc nâng cấp lên 0,4 (gây ra một số vấn đề khác, nhưng tôi sẽ có thể xử lý).

Với phiên bản grunt 0.4 có thể sử dụng grunt.file.expandMapping:

jade: { 
     compile: { 
      options: { 
       pretty: true 
      }, 
      files: grunt.file.expandMapping(['**/*.jade'], 'dist/', { 
       cwd: 'src/views', 
       rename: function(destBase, destPath) { 
        return destBase + destPath.replace(/\.jade$/, '.html'); 
       } 
      }) 

     } 
    }, 

Answer 2

nhỏ làm rõ từ Grunt wiki - expand mapping:

grunt.file.expandMapping(patterns, dest [, options]) 

Lưu ý rằng trong khi phương pháp này có thể được sử dụng để lập trình tạo ra một mảng các file cho một nhiệm vụ đa, các khai báo cú pháp để thực hiện việc này được mô tả trong phần "Xây dựng đối tượng tệp động" của số Configuring tasks guide được ưu tiên.

Giả sử ở trên, cấu hình sẽ trông như thế này:

files: [ { 
    expand: true, 
    src: "**/*.jade", 
    dest: "dist/", 
    cwd: "src/views", 
    ext: '.html' 
} ]; 

Cùng một kết quả với cấu hình tường thuật.