# style-loader

6개의 포스트
post-thumbnail

ERROR in ./src/main.css Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):

ERROR in ./src/main.cssModule build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):node.js: 14.20.1mini-css-extract-plugin: "^2.7

2023년 4월 23일
·
0개의 댓글
·
post-thumbnail

TypeScript 개발환경설정 1탄 (Webpack + Babel + ESLint + Prettier) - 웹팩 기본 설정하기

웹팩의 기본적인 로더와 플러그인을 적용해 개발/배포 환경에 맞게 빌드해보기 (webpack5, loader, plugin, asset modules)

2022년 9월 13일
·
0개의 댓글
·
post-thumbnail

Webpack | 개념 / 필수 개발 환경 세팅 1

프론트엔드 개발을 위한 웹팩 설정Node.js 미리 설치되어 있어야 함. HTML+CSS+JS 기초다양한 모듈들을 하나의 js 파일로 만들어줌.보통 작업을 할 때, index.html을 만들고 index.js 파일을 만듦.index.htmlindex.js원하는 것다

2022년 2월 28일
·
0개의 댓글
·
post-thumbnail

style-loader와 MiniCssExtractPlugin은 각각 언제 사용해야 할까?

웹팩을 사용하게 되면서 style-loader는 문서의 스타일 태그 안에 스타일링을, MiniCssExtractPlugin은 별도의 css 파일로 번들링한다는 차이점은 인지하고 있었다.그런데 특정 프로젝트에 최적화하려면 어떤 플러그인을 써야 되는 지에 대해 의문점이 들

2021년 3월 9일
·
0개의 댓글
·
post-thumbnail

webpack loader

loader 웹팩은 로더가 있기 때문에 js뿐만 아니라 css, 이미지, 폰트 모든것을 모듈화하여 import 구문으로 js안으로 불러올수 있게 해준다. 이제 js파일 안에서 css나 문자열로 변환된 이미지를 import 해올수있는것이다. 기본적으로 js파일은 별도의

2020년 11월 28일
·
0개의 댓글
·