CSS 파일의 회귀 및 연결 해제

Question

현재 Yeoman에서 생성 된 Gruntfile을 사용 중이며 연결을 시도하고 CSS를 축소하려고합니다. 내 JavaScript에 대한 일을하고있는 방식으로 잘 작동하는 것처럼 보입니다.하지만 동일한 방법을 CSS 파일에 적용하면 축소없이 연결할 수 있습니다.

여기에 내가 내 index.html 파일에서 뭘하는지입니다 : 내가 빌드 블록 주석을 제거하면 내가이 축소 된 버전하지만 그냥 3 개 별도의 파일을받을 수 있나요

<!-- build:css styles/dist.bundle.css --> 
    <link rel="stylesheet" href="styles/loader.css" /> 
    <link rel="stylesheet" href="styles/social.css" /> 
    <link rel="stylesheet" href="styles/main.css" /> 
    <!-- endbuild --> 

하는 것으로.

cssmin: { 
     dist: { 
      files: { 
       '<%= yeoman.dist %>/styles/dist.bundle.css': [ 
        '.tmp/styles/{,*/}*.css', 
        '<%= yeoman.app %>/styles/{,*/}*.css' 
       ] 
      } 
     } 
    } 

을 그리고 내 usemin의 설정은 기본입니다 :

그리고 내 Gruntfile의 설정에

난 다음 한

useminPrepare: { 
     html: '<%= yeoman.app %>/index.html', 
     options: { 
      dest: '<%= yeoman.dist %>' 
     } 
    }, 
    usemin: { 
     html: ['<%= yeoman.dist %>/{,*/}*.html'], 
     css: ['<%= yeoman.dist %>/styles/{,*/}*.css'], 
     options: { 
      dirs: ['<%= yeoman.dist %>'] 
     } 
    } 

사람이 내가 할 일을 찾고 무엇을 달성 할 수있는 방법에 대해 조언을 할 수 있습니까? 또는 usemin & cssmin으로이 작업을 수행 할 수 없습니까?

감사합니다.

Answer 1

gruntfiles를 붙여 넣으시겠습니까? usemin은 자체적으로 연결/축소/uglify하지 않기 때문에 파일을 사용할 작업을 알려주므로 어쩌면 연결된 후에 파일을 소형화하라는 요청을하지 않을 수도 있습니다.