본문 바로가기
반응형

개발/그 외15

라이브러리 만들때 package.json "type": "module" "exports": { ".": { "types": "./dist/index.d.ts", "require": "./dist/index.umd.cjs", "import": "./dist/index.js" } }, "types": "./dist/index.d.ts", "main": "./dist/index.umd.cjs", 위와 같이 적게 되는데, "type": "module"type명시하지 않으면 CommonJS이다.commonjsCJS 방식을 사용한다는 뜻. 기본적으로 .js는 commonJS 모듈로 해석되며 ESM 모듈은 .mjs 확장자를 명시적으로 지정해줘야 한다.require()와 module.exports를 사용할 수 있.. 2024. 11. 5.
vite 주요 기능 Typescript: 트랜스파일링만 수행, 타입검사는 IDE와 빌드에서 진행되도록 권장JSX: esbuild를 이용해 컴파일함css: .css 파일을 가져오면 HMR을 지원하는 태그를 통해 페이지에 주입됨.정적에셋(png,...): import하면 public url 반환됨JSON: 바로 import 가능. 가져올 필드 지정하면 트리세이킹 됨. 2024. 9. 10.
webpack 강의 메모: css loader loader기본적으로 loader는 img, css 같은 JS가 아닌 파일을 변환번들링해주는 녀석이다.css loaderloader: css 파일을 빌드할 수 있게 도와주는 모듈 아래 style-loader, css-loader가 css를 빌드할 수 있게 도와준다.var path = require("path");module.exports = { mode: "none", entry: "./index.js", output: { filename: "bundle.js", path: path.resolve(__dirname, "dist"), }, module: { rules: [ { test: /\.css$/, use: ["style-loader", "c.. 2024. 9. 3.
build 했을때 번들 크기 너무 크면 꼼수 일단 이런거라도 찾아보자. before throttle만 쓸껀데 lodash에서 71.5k를 쓰고 있다. After lodash/throttle만 이용하자. 2024. 4. 12.
반응형