elastiq

elastiq.ch

https://elastiq.ch/ 웹사이트

내용 편집

여기에서 웹사이트를 편집하세요

로컬 설치

이 설정은 노드와 NPM을 사용하여 웹 사이트를 정적으로 구축합니다.

1. 노드 및 npm 설치 (https://nodejs.org/en/)
2. 터미널/명령줄을 사용하여 프로젝트를 체크아웃한 폴더로 이동합니다.
3. npm install 입력하여 deps를 설치합니다.
4. 완료되면 npm start .

설정

• Parcel.js는 모든 것을 빌드합니다.
• posthtml-expressions 이 플러그인은 템플릿에 지역 변수와 표현식을 포함하기 위한 구문을 제공하고 조건 및 반복을 위한 도우미 역할을 하는 사용자 정의 태그도 확장합니다. 주로 data.yml의 콘텐츠를 포함하는 데 사용됩니다. posthtml-load-config는 .posthtmlrc.js YML의 데이터가 posthtml-expressions 의 locals 에 있는지 확인합니다.
• .browserslistrc autoprefixer에 대한 브라우저 호환성을 설정합니다.

 ┌──────────┐    ┌────────────────────┐
│ data.yml │───▶│posthtml-expressions│──┐
└──────────┘    └────────────────────┘  │
┌──────────┐    ┌───────────────────┐   │
│style.scss│───▶│  sass & postCSS   │──┐│  ┌─────────────┐
└──────────┘    └───────────────────┘  ├┴─▶│ /index.html │
┌──────────┐    ┌───────────────────┐  │   └──────┬──────┘
│ main.js  │───▶│     babel.js      │──┤         ┌┘
└──────────┘    └───────────────────┘  │         │
                         ┌──────────┐  │         ▼
                         │  images  │──┘    ┌─────────┐
                         └──────────┘       │ Magic * │
                                            └─────────┘
                                                 │
                                                 │
                                                 │
     * Magic = parcel.js             ┌───────────▼─────────┐
                                     │       ./dist        │
                                    ┌┴─────────────────────┴┐
                                    │      index.html       │
                                    ├───────────────────────┤
                                    │       style.css       │
                                    ├───────────────────────┤
                                    │  *.{jpg|png|gif...}   │
                                    └┬─────────────────────┬┘
                                     └─────────────────────┘

특허

© David Aerne 소스로 무엇이든 자유롭게 하세요. 일러스트만 빼고요. 공유하거나 재사용하지 마세요.