parcel-transformer-interpolate-html

    0.1.0 • Public • Published

    parcel-transformer-interpolate-html

    HTML 파일에 환경변수를 대입하는 Parcel v2 플러그인

    설치

    npm i -D parcel-transformer-interpolate-html

    yarn을 사용한다면

    yarn add -D parcel-transformer-interpolate-html

    .parcelrc 파일에 parcel-transformer-interpolate-html 플러그인을 추가합니다.

    {
      "extends": "@parcel/config-default",
      "transformers": {
        "*.{html,htm}": ["parcel-transformer-interpolate-html"]
      }
    }

    환경변수는 .env 파일을 통해 지정할 수 있습니다.

    *.html, *.htm 파일 내에서 %ENV%처럼 %으로 감싸진 부분이 환경변수로 대체됩니다.

    예시

    index.html

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8" />
        <title>%title%</title>
      </head>
    </html>
    

    .env

    title=Example
    

    빌드 결과 (parcel build index.html)

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8" />
        <title>Example</title>
      </head>
    </html>
    

    Install

    npm i parcel-transformer-interpolate-html

    DownloadsWeekly Downloads

    2

    Version

    0.1.0

    License

    MIT

    Unpacked Size

    3.25 kB

    Total Files

    4

    Last publish

    Collaborators

    • joyfui