parcel-bundler-1


parcel-bundler

$npm init -y
// => package.json 파일생성 *프로젝트에 npm 설치

$npm i -D parcel-bundler
// => node_modules 폴더, package-lock.json 파일생성. ** -D 개발 의존성 패키지로 설치
// package.json 파일에 parcel-bundler 설치 버전 확인가능.
package.josn파일 내에 아래의 "dev", "build" 명령 추가 
"script" : {
  "dev": "parcel index.html"
  "build": "parcel build index.html"
}
// "dev" => 라이브 서버 오픈용
// "build" => 배포용 파일생성(?)

スクリプトで生成されたコマンドの実行方法は次のとおりです.
$npm run 이름

parcel-plugin-static-files-copy


上の「dev」コマンドでアクティブなサーバを作成すると、プロジェクトのfaviconが表示されません.
なぜなら、リアルタイムサーバが表示するコンテンツはdistフォルダに基づいているからです.
したがってpluginを使用してfaviconを自動的にコピーし、リアルタイムサーバで表示できます.
$npm i -D parcel-plugin-static-files-copy
// => plugin 설치 후 package.json 파일에 아래의 내용을 추가한다.

次にstaticというフォルダを作成し、faviconをフォルダに入れます.
リアルタイムサーバを実行するたびに、静的フォルダのファイルがdistフォルダにコピーされます.