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フォルダにコピーされます.
Reference
この問題について(parcel-bundler-1), 我々は、より多くの情報をここで見つけました
https://velog.io/@hinyc/parcel-bundler-1
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
$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 이름
上の「dev」コマンドでアクティブなサーバを作成すると、プロジェクトのfaviconが表示されません.
なぜなら、リアルタイムサーバが表示するコンテンツはdistフォルダに基づいているからです.
したがってpluginを使用してfaviconを自動的にコピーし、リアルタイムサーバで表示できます.
$npm i -D parcel-plugin-static-files-copy
// => plugin 설치 후 package.json 파일에 아래의 내용을 추가한다.
次にstaticというフォルダを作成し、faviconをフォルダに入れます.
リアルタイムサーバを実行するたびに、静的フォルダのファイルがdistフォルダにコピーされます.
Reference
この問題について(parcel-bundler-1), 我々は、より多くの情報をここで見つけました https://velog.io/@hinyc/parcel-bundler-1テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol