Node.js와 함께 node-sass를 사용하여 scss를 CSS로 컴파일

레자 푸어 바페 라니

node-sass를 사용하여 내 scss 파일을 css 파일로 컴파일하려고합니다. 명령 줄로이 작업을 수행하는 방법을 이미 알고 있습니다. npm-scriptpackage.json파일에 다음 있습니다.

"scripts": {
"scss": "node-sass --watch fileName/scss -o FileName/css"
}

그리고 내가 실행할 때 :

npm run scss

잘 작동합니다. 내가 알고 싶은 것은 ( 노드 -sass 프로젝트 페이지에서) 사용 방법입니다.

var sass = require('node-sass');

sass.render({
  file: scss_filename,
  [, options..]
}, function(err, result) { /*...*/ });

나는 이것을 내에서 시도한다 app.js:

var sass = require('node-sass');

sass.render({
  file: __dirname + '/scss/style.scss',
  outFile: __dirname + '/css/style.css',
}); 

하지만 작동하지 않습니다. 이에 대한 경험이 거의 없으며 도움을받을 수 있습니다.

k0hamed

링크 한 동일한 문서 내에서

sass.render({
    ...
    outFile: yourPathTotheFile,
  }, function(error, result) { // node-style callback from v3.0.0 onwards
    if(!error){
      // No errors during the compilation, write this result on the disk
      fs.writeFile(yourPathTotheFile, result.css, function(err){
        if(!err){
          //file written on disk
        }
      });
    }
  });
});

sass.render()그것은 단지를 통과, 파일에 기록하지 않습니다 result콜백에. fs위의 예에서와 같이 직접 작성해야합니다 .

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Node.js-Node.js / Express를 Web Audio API와 함께 사용

분류에서Dev

node.js 코드와 함께 AWS Lambda를 사용하여 URL에서 파일을 다운로드하는 방법

분류에서Dev

Node.js Express와 함께 jsonp를 사용하는 방법

분류에서Dev

node.js를 사용하여 dataobj를 함께 병합

분류에서Dev

Live Sass 컴파일을 사용하여 scss를 CSS에 연결

분류에서Dev

Google 클로저와 함께 gulp를 사용하여 js 파일을 단일 파일 대신 개별 파일로 컴파일

분류에서Dev

node.js를 사용하여 lesscss를 컴파일하는 방법

분류에서Dev

require with node.js를 사용하여 원격 js 파일로드

분류에서Dev

node-oracledb와 함께 SID를 사용하여 OracleDB에 연결하지 못함

분류에서Dev

grunt 및 ruby sass와 같은 방식으로 감시 파일로 컴파일하도록 node-sass를 트리거하는 방법은 무엇입니까?

분류에서Dev

readline.on 함수와 함께 async / await를 사용하는 Node.js

분류에서Dev

MongoDB 예제와 함께 node-oauth2-server를 사용하여 예제 데이터를 DB에로드

분류에서Dev

Node js와 함께 socket.io를 사용하는 이상한 오류

분류에서Dev

node.js와 함께 mongodb를 사용하는 방법은 무엇입니까?

분류에서Dev

node.js에 express를 사용하여 매개 변수와 함께 콜론을 얻습니다.

분류에서Dev

TLS와 함께 Node.js를 사용하여 HTTP 호스트 이름이 잘못됨 오류

분류에서Dev

Rcpp를 typedef와 함께 사용하는 컴파일 오류

분류에서Dev

Node.js를 사용하여 다른 JavaScript 파일의 함수 호출

분류에서Dev

node.js를 사용하여 CSV 파일을 MongoDB 문서로 업로드

분류에서Dev

cwd ()를 사용하여 파일을 문자열로 가져 오는 node.js

분류에서Dev

node.js 및 express를 사용하여 로컬 PDF 파일 열기

분류에서Dev

Node / Grunt를 사용하여 SASS에서 CSS 빌드

분류에서Dev

Node.JS와 함께 기존 JS "패키지"를 사용 하시겠습니까?

분류에서Dev

Node.JS와 함께 OpenAPI 3 사용

분류에서Dev

Node.js와 함께 Piwik 사용

분류에서Dev

Node.js와 함께 Piwik 사용

분류에서Dev

Node JS와 함께 String.raw () 사용

분류에서Dev

node.js와 함께 Tibco EMS 사용

분류에서Dev

Node.js와 함께 GET 사용

Related 관련 기사

  1. 1

    Node.js-Node.js / Express를 Web Audio API와 함께 사용

  2. 2

    node.js 코드와 함께 AWS Lambda를 사용하여 URL에서 파일을 다운로드하는 방법

  3. 3

    Node.js Express와 함께 jsonp를 사용하는 방법

  4. 4

    node.js를 사용하여 dataobj를 함께 병합

  5. 5

    Live Sass 컴파일을 사용하여 scss를 CSS에 연결

  6. 6

    Google 클로저와 함께 gulp를 사용하여 js 파일을 단일 파일 대신 개별 파일로 컴파일

  7. 7

    node.js를 사용하여 lesscss를 컴파일하는 방법

  8. 8

    require with node.js를 사용하여 원격 js 파일로드

  9. 9

    node-oracledb와 함께 SID를 사용하여 OracleDB에 연결하지 못함

  10. 10

    grunt 및 ruby sass와 같은 방식으로 감시 파일로 컴파일하도록 node-sass를 트리거하는 방법은 무엇입니까?

  11. 11

    readline.on 함수와 함께 async / await를 사용하는 Node.js

  12. 12

    MongoDB 예제와 함께 node-oauth2-server를 사용하여 예제 데이터를 DB에로드

  13. 13

    Node js와 함께 socket.io를 사용하는 이상한 오류

  14. 14

    node.js와 함께 mongodb를 사용하는 방법은 무엇입니까?

  15. 15

    node.js에 express를 사용하여 매개 변수와 함께 콜론을 얻습니다.

  16. 16

    TLS와 함께 Node.js를 사용하여 HTTP 호스트 이름이 잘못됨 오류

  17. 17

    Rcpp를 typedef와 함께 사용하는 컴파일 오류

  18. 18

    Node.js를 사용하여 다른 JavaScript 파일의 함수 호출

  19. 19

    node.js를 사용하여 CSV 파일을 MongoDB 문서로 업로드

  20. 20

    cwd ()를 사용하여 파일을 문자열로 가져 오는 node.js

  21. 21

    node.js 및 express를 사용하여 로컬 PDF 파일 열기

  22. 22

    Node / Grunt를 사용하여 SASS에서 CSS 빌드

  23. 23

    Node.JS와 함께 기존 JS "패키지"를 사용 하시겠습니까?

  24. 24

    Node.JS와 함께 OpenAPI 3 사용

  25. 25

    Node.js와 함께 Piwik 사용

  26. 26

    Node.js와 함께 Piwik 사용

  27. 27

    Node JS와 함께 String.raw () 사용

  28. 28

    node.js와 함께 Tibco EMS 사용

  29. 29

    Node.js와 함께 GET 사용

뜨겁다태그

보관