Grunt의 Task_javascript 기술 구성 시 와일드카드 지원 및 동적 파일 이름 생성 관련 문제

copy: { 
  // 这是Task里的其中一个Target 
  dests: { 
   expand: true, 
   cwd: '<%=config.app%>/newFolder', 
   src: ['**/{a*,b*}.html'], 
   dest: '<%=config.dist%>/newFolder', 
   ext: ".shtml", 
   extDot: "first", 
   flatten:true, //去掉中间上当，下面的rename可以再找回来 
   rename: function( dest, fileName ) { 
    return dest + "/" +fileName; 
   } 
  } 
 }

와일드카드 지원: nodejs에 내장된 node-glob 라이브러리에서 지원되며 위에서 언급한 다양한 파일 구성에서 사용할 수 있습니다

1. *는 /를 제외한 모든 문자와 일치합니다.

2. ?는 /를 제외하고 단일 문자와 일치합니다.

3. **는 /를 포함한 모든 문자와 일치하므로 디렉터리 경로에 사용됩니다.

4. {} 쉼표로 구분된 "OR" 연산(쉼표 뒤에 공백 없음)

5.! 일치 제외

동적으로 생성된 파일 이름:

다음 옵션을 열려면 확장을 true로 설정하세요. true로 설정하면 다음 파일 이름의 자리 표시자(예: * 기호)를 특정 파일 이름으로 확장해야 한다는 의미입니다.

cwd src에 지정된 모든 파일은 이 속성에 지정된 경로에 상대적이며, 처리해야 하는 파일(입력)이 있는 디렉터리입니다

src 일치할 경로는 cwd를 기준으로 처리해야 하는 파일을 나타냅니다. 배열 형식인 경우 배열의 각 항목은 파일 이름이며 와일드카드 문자

를 사용할 수 있습니다.

dest에 의해 생성된 대상 경로 접두사로, 처리된 파일 이름 또는 디렉터리를 나타냅니다.

ext는 처리된 파일 확장자를 나타냅니다. 생성된 모든 대상 파일의 접미사를 이 속성

으로 바꾸세요.

extDot:first: 접미사로 파일 이름 뒤의 첫 번째 점부터 시작하는 것을 의미합니다. last: 접미사로 파일 이름 뒤의 마지막 점에서 시작한다는 의미입니다.

flatten: 생성된 모든 dest의 경로 부분을 삭제합니다. 값은 부울 유형(true, false)으로 파일 디렉터리 구조를 유지할지 여부를 지정하는 데 사용되며, true는 파일 디렉터리를 유지합니다.

rename은 일치하는 파일 이름과 일치하는 대상 위치를 받아들이고 새 대상 경로를 반환하는 함수입니다

위 내용은 Grunt 작업 구성 시 와일드카드 지원 및 동적 파일 이름 생성에 대해 이 기사에서 소개한 내용입니다.