[javascript] Parcel에서 Bootstrap을 사용하는 방법은?
- 프로젝트 디렉터리에서 터미널을 엽니다.
- 다음 명령어를 사용하여 Parcel을 전역으로 설치합니다.
npm install -g parcel-bundler
- 프로젝트 디렉터리에서 Bootstrap을 설치합니다.
npm install bootstrap
- 프로젝트 디렉터리에서 다음과 같은 HTML 파일을 생성합니다. ```html <!DOCTYPE html>
Hello, Bootstrap!
5. 프로젝트 디렉터리에서 다음과 같은 SCSS 파일(`index.scss`)을 생성합니다.
```sass
@import 'node_modules/bootstrap/scss/bootstrap.scss';
- 프로젝트 디렉터리에서 다음과 같은 JavaScript 파일(
index.js
)을 생성합니다.import 'bootstrap';
- 터미널에서 다음 명령어를 실행하여 프로젝트를 빌드 및 서버를 실행합니다.
parcel index.html
- Parcel은 번들링된 파일을 생성하고 개발 서버를 실행합니다. 웹 브라우저에서
http://localhost:1234
에 접속하여 웹 페이지를 확인할 수 있습니다.
이제 Parcel을 사용하여 Bootstrap을 프로젝트에 추가할 수 있습니다. 페이지에 Bootstrap의 스타일 및 기능을 사용할 수 있게 됩니다.