질문

CSS 파일의 스타일로 헤드 script 태그를 만들어야합니다. styles / style.css 를 문자열로 구문 분석하여 documentStyles 변수를 채우려면 어떻게해야합니까? 이것은 Node.js 함수에서 발생합니다.

style.css

p {
  text-align: center;
}

index.js

const documentStyles = // SOMETHING TO STRINGIFY style.css

const document = `
  <!DOCTYPE html>
  <html>
    <head>
      <meta charset="UTF-8">
      <style>
        ${documentStyles}
      </style>
    </head>
    <body>
      <p>Here's the test</p>
    </body>
  </html>
`

답변1

NodeJS fs.readFileSync .

const fs = require('fs');

try {  
  const documentStyles = fs.readFileSync('styles/style.css');
  const document = `
  <!DOCTYPE html>
  <html>
    <head>
      <meta charset="UTF-8">
      <style>
        ${documentStyles}
      </style>
    </head>
    <body>
      <p>Here's the test</p>
    </body>
  </html>
`;
} catch(e) {
    console.log('Error:', e.stack);
}

답변2

Christos Lytras가 지적했듯이 파일 시스템 (fs) 모듈을 통해 노드에서 파일의 문자열 내용을 얻는 것은 매우 쉽습니다.하지만 JavaScript가 API를 통해 작업 할 수있는 객체를 얻는 방법이 걱정된다면 아마도 CSSStyleSheet API 가 필요합니다.

이 개체에는 cssRule 개체. 이를 반복하고 type 속성을 확인합니다 (다른 규칙 유형은 내부 구조가 다르기 때문).

대부분의 경우 유형 : 1 이 있습니다. 즉 cssStyleRule 객체 :