dist지속관리, postcss와autoprefixer, node와esm의 import/export

favicon같은 정적요소들 지속적을 dist에서 관리하여 나타내기

parcel-plugin-static-files-copy

favicon같은 파일들이 npm으로 만들어지는 dist폴더안에 자동으로 계속 저장될수 있도록 설정을 위해 사용한다.

관리할 폴더를 생성하여 안에 든 파일들은 자동으로 dist안에 저장될수 있도록 설정한다. package.json으로 관리할 폴더 경로를 지정해준다.

static폴더 생성후 package.json으로 관리할 폴더경로를 지정한다.

 

POSTCSS 와 AUTOPREFIXER

npm i -D postcss autoprefixer

웹에서 쓸 수 있는 요소에 따라 적용되거나 적용해지 될지 결정해주는것으로

설치후

browserslist옵션은 현재 npm 프로젝트에서 지원할 브라우저의 범위를 명시하는 용도이다. 해당 옵션은 전 세계 점유율이 1% 이상인 모든 브라우저의 마지막 2개버전 까진 지원하겠다는 옵션

 

ESM 즉 자바스크립트 모듈에서는 Import/export를 사용하며

노드js에서는 commonJS를 사용하여 require() / module.exports를 사용한다.

autoprefixer JS선언 Import / export