Bundler3 [BUNDLER] WEBPACK 설정 https://webpack.js.org/concepts/ Concepts | webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset. webpack.js.org npm webpack 설치 npm i -D webpack webpack-cli webpack-dev-server@next "scripts": { "dev": "webpack-dev-server --mode devlopment", "build.. 2023. 2. 8. [BUNDLER] PARCEL 설정 parcel bundler 설치 npm i -D parcel-bundler packge.json script 수정 "scripts": { "dev": "parcel index.html", "build": "parcel build index.html" }, index.html local 구동 npm run dev 정적파일 연결 npm install -D parcel-plugin-static-files-copy "devDependencies": { "parcel-bundler": "^1.12.5", "parcel-plugin-static-files-copy": "^2.6.0", "sass": "^1.58.0" }, "staticFiles": { "staticPath": "static" } autoprefix.. 2023. 2. 8. [BUNDLER] BUNDLER 개요 Bundler JavaScript 모듈을 브라우저에서 실행할 수 있는 단일 JavaScript 파일로 번들링하는데 사용되는 프론트엔드 개발 도구 많은 서드파티를 필요로 하는 복잡한 애플리케이션이라면 웹팩 최소한의 서드파티로 라이브러리를 만들고 싶다면 롤업 복잡한 설정을 피하고 비교적 간단한 애플리케이션을 만들고 싶다면 파셀 2023. 2. 8. 이전 1 다음
