2017-12-14 26 views
1

grunt-contrib-sass을 사용하여 SASS를 컴파일하려고하는데 빈 CSS 파일이 생성됩니다. 여기그랑 트에 Sass는 항상 빈 출력을 만듭니다.

내가 가지고 올 수 package.json 가장 단순한 컴파일 SASS/SCSS입니다 :

{ 
    "name": "sassgrunt", 
    "version": "1.0.0", 
    "scripts": { 
    "sass": "node-sass" 
    }, 
    "devDependencies": { 
    "grunt": "^1.0.1", 
    "grunt-contrib-sass": "^1.0.0", 
    "node-sass": "^4.7.2", 
    "sass": "^1.0.0-beta.4" 
    } 
} 

그리고 SCSS 파일을 얻을 수있는이에 대한 간단하다 :

body { 
    background: red; 
} 

그리고이 gruntfile.js을 :

module.exports = function(grunt) { 
    grunt.initConfig({ 
     pkg: grunt.file.readJSON('package.json'), 
     sass: { 
      dist: { 
       files: { 
        './test.css': './test.scss' 
       } 
      } 
     } 
    }); 

    grunt.loadNpmTasks('grunt-contrib-sass'); 
}; 

grunt sass을 실행하면 t는 아주 새로운 것을 만들고 test.css 파일을 만듭니다.

나는 이유를 알고 있다고 생각합니다.

이 명령은 내 소스에서 test2.css 완벽하게 괜찮를 만듭니다

npm run sass test.scss test2.css 

하지만이 사람은 바로 디스플레이로 컴파일 된 CSS를 출력하고, 빈 파일 생성 :

npm run sass test.scss 

내가 grunt sass을 실행 그게 정확히 내가 본 것입니다. 즉, grunt-contrib-sass은 명령 줄을 올바르게 지정하지 않습니다.

나는이 설정이 내가 본 모든 사례에 표시된 것과 정확히 일치하지 않기 때문에 그 이유를 알지 못합니다. 물론, 내 설정에 문제가 있거나 모든 사람이이 문제를 겪어야합니까?

답변

0

어쩌면 다른 것이 있을지 모르지만, 나는 grunt-contrib-sass이 단순히 불쾌하다고 생각합니다.

나는 이것을 grunt-sass으로 바꾸 었으며 동일한 gruntfile 설정으로 완벽하게 작동합니다. NPM 또는 Yarn을 사용하여 설치하고 grunt.loadNpmTasks('grunt-contrib-sass');grunt.loadNpmTasks('grunt-sass');으로 대체하십시오.