grunt-contrib-less를 사용한 잡동사니 작업 - 원본이없는 파일 이름을 유지하면서 여러 스타일 시트를 컴파일하는 방법

Question

적은 것을 사용하여 부트 스트랩으로 웹 사이트를 구축하고 있습니다. 나는 작업을 자동화하기 위해 꿀꿀퀴를 사용합니다. "compileBrandingStyles"나는 원래 파일 이름으로 별도의 CSS 파일을 폴더에있는 모든 * .less 파일을 가져오고로 컴파일하고 싶은에

less: { 
    compileCore: { 
    options: { 
     strictMath: true, 
     sourceMap: true, 
     outputSourceFiles: true, 
     sourceMapURL: '<%= pkg.name %>.css.map', 
     sourceMapFilename: 'dist/css/<%= pkg.name %>.css.map' 
    }, 
    src: 'less/bootstrap.less', 
    dest: 'dist/css/<%= pkg.name %>.css' 
    }, 
    compileBrandingStyles: { 
    options: { 
     strictMath: true, 
     sourceMap: false, 
     outputSourceFiles: false 
    }, 
    src: 'less/branding/**/*.less', 
    dest: 'dist/css/<%= what do I put here? %>.css' 
    } 
}, 

: 내 gruntfile.js에서

나는이 부분이 . 연결 없음. 폴더에서

:

이

theme-1.css 
theme-2.css 
theme-3.css 
theme-4.css 

그래서 내가 어떻게 작성해야 :이 같은 dist/css/ 폴더에 출력을하고 싶습니다

theme-1.less 
theme-2.less 
theme-3.less 
theme-4.less 

: less/branding 나는 .less 파일의 X 번호가 이 부분은 파일 이름을 유지합니까? 이 대신에

dest: 'dist/css/<%= what do I put here? %>.css' 

Answer 1

재구성하여 compileBrandingStyles 대상 :

// ... 
compileBrandingStyles: { 
    options: { 
     strictMath: true, 
     sourceMap: false, 
     outputSourceFiles: false 
    }, 
    files: [{ 
     expand: true, 
     cwd: 'less/branding/', 
     src: ['**/*.less'], 
     dest: 'dist/css/', 
     ext: '.css' 
    }] 
} 

는 꿀꿀 docs이에 대한 자세한 정보를 참조하십시오. 당신이 '하지 않으려면 flatten를 사용

---

편집

는 하위 폴더는 대상 폴더에 포함되어 있습니다.

// ... 
compileBrandingStyles: { 
    options: { 
     strictMath: true, 
     sourceMap: false, 
     outputSourceFiles: false 
    }, 
    files: [{ 
     expand: true, 
     cwd: 'less/branding/', 
     src: ['**/*.less'], 
     dest: 'dist/css/', 
     ext: '.css', 
     flatten: true // <-- Remove all path parts from generated dest paths. 
    }] 
}