프론트엔드-코드/Node.js

dist 폴더에 자동으로 생성되지 않는 파일 자동으로 카피해서 넣게 해주기

sdafdq 2023. 9. 1. 15:02

dist가 최종적으로 빌드된 파일들이 있는 곳인데, 안들어가는게 있을 때가 있다.

그럴 때 억지로 넣거나 그러면 경로문제나 그런 게 있을 수 있다.

 

parcel plugin static files copy

 

이거 이용하면 된다.

 

 

{
  "name": "parcel_project",
  "version": "1.0.0",
  "description": "this is package of parcel-bundler",
  "main": "index.js",
  "scripts": {
    "serve": "parcel index.html",
    "build": "parcel build index.html"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "parcel-bundler": "^1.12.5",
    "parcel-plugin-static-files-copy": "^2.6.0"
  },
 
  "staticFiles":{
      "staticPath": "static"
  }
}

이렇게 package.json에 뭐 저기 쓰는데,

 

검색해서 들어가 보면 사용법 있다.

 

보통 package.json에

"플러그인이름":{

     "속성명" : "속성값"

}

 

 

위에 저 staticPath를 static이라는 걸로 했으니 

최상위에 static 폴더 만들어서 거기 안에다 넣으면 된다.

 

 

단, 리액트에서는 이거 하면 안됨.

'프론트엔드-코드 > Node.js' 카테고리의 다른 글

require()  (0) 2023.09.01
browserslist  (0) 2023.09.01
dist 폴더  (0) 2023.09.01
1. Node.js 프로젝트 생성  (0) 2023.08.31
node.js 설치 순서  (0) 2023.08.14