목록webpack (2)

IT일상

webpack config 자동완성 되도록 설정하기

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/43/ 아무래도 webpack config를 작성하면서 자동완성이 안되다 보니 오타 없이 제대로 작성한 것인지 의문이 들 때가 많습니다. 그래서 검색해봤는데 webpack config에도 타입을 지정하여 자동완성을 가능케 할 수 있었습니다. /** @type {import('webpack').Configuration} */ module.exports = { mode: "development", resolve: { extensions: [".ts", ".js", ".tsx", ".jsx"], }, module: { rules: [ { test: /\.(ts|tsx|js|jsx)$/, use: "ts-loader", exclude:..
프론트엔드 2023. 5. 5. 16:55
GitHub Actions: Webpack 빌드 + GitHub Pages 배포 자동화하기

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/26/ $ webpack --mode production $ git commit -m "build: 웹 페이지 Webpack 빌드" $ git push origin main # 이러한 과정을 매 커밋마다 반복 커밋할 때 마다 빌드를 하고, 배포를 하시나요? 더 이상 그러지 않아도 됩니다. GitHub Actions GitHub에서 제공하는 CI/CD 도구입니다. CI/CD는 간단하게 말하자면 빌드, 테스트, 배포를 자동화하는 것을 뜻합니다. 지금 이 글에서 하고자 하는 것입니다. GitHub 에서 커밋 오른쪽에 ✔ 체크 아이콘을 본 적 있나요? GitHub에 커밋이 push될 때 마다 자동으로 GitHub Actions가 수행되..
프론트엔드 2023. 2. 24. 16:02
이전 Prev 1 Next 다음