autoprefixer를 스태틱한 css에 적용할 수 있는 방법이 있을까요?
안녕하세요
강의 다 본 후 구성 비슷하게 맞춰서 작업하고 있는데요
scss를 사용하면 vue도 마찬가지지만 svelte는 유니크한 클래스가 붙잖아요, 그래서 나중에 css 디버깅할 때 너무 불편해서 그냥 css 파일을 별도로 만들어서 붙여봤거든요,
1. head 태그에 링크로 css 삽입하는 방법,
2. main.js에 import 해서 css를 불러 오는 방법을 사용했는데 autoprefixer가 적용이 안되네요...
따로 css-loader나 file-loader를 적용해야 하나 해서 snowpack.config.js 옵션을 봤더니 rule 옵션은 없는거 같고..
다른 방법이 있을까요? ㅠㅠ
回答 1
2
jude 님 안녕하세요.😊
보내주신 이메일에 포함된 프로젝트 저장소 테스트 후 답변드려요~
1. 다음 패키지들을 설치하세요.
npm i -D postcss autoprefixer @snowpack/plugin-postcss
2. snowpack.config.js 파일에서 @snowpack/plugin-postcss 플러그인을 등록하세요.
3. 프로젝트의 루트 경로에 postcss.config.js 파일을 생성 후 autoprefixer 플러그인을 등록하세요.
4. 잘 동작하네요.
0
말씀하신대로 하니까 잘 작동하네요 정말 감사합니다 ㅠㅠ,
어떨 땐 config 파일로 빼내야 하고, 어떨 땐 snowpack.config에 넣어야 하고 어떨 땐 svelte.config 파일에 넣어야 하고 .. 너무 헛갈리는거 같아요;
상황에 따라 매번 여기다 해보고 저기다 해보고 그러지 않게 뭔가 명확한 기준이 있을까요..?
방금 scss도 연결해보려고 @snowpack/plugin-sass 설치하고 svelte.config.js에 prependData 설정 넣으니까 작동이 안되서 snowpack.config 에 넣으니까 컴포넌트에서 빨간줄 나오고..
알고는 있었지만 이런 모듈 의존성이나 옵션 파일 설정하는 건 정말 너무 어려운거 같아요 ㅠㅠ
0
흠.. 명확한 기준은 따로 가지고 있진 않네요.
기본적으로 snowpack 같이 좀 더 넓은 개념에서 구성으로 추가할 수 있는지 파악하고, 그 외의 경우는 패키지에 맞는 추가 구성이 있는지 따로 확인합니다.
보통 저는 공식 문서에 의존하는 편이네요~
에러가 나서 질문올립니다.
1
197
1
snowtemplate 를 설치하는중에 에러가 발생합니다.
1
500
1
안녕하세요 Vite + Svelte로 프로젝트 시작하려고하는데 prettier + eslint 설정이 잘 안되고 있습니당
1
780
1
영상 위치 [11:21] 안내
1
295
1
최종 사이트 배색
1
242
1
강사님 질문인데요
1
261
1
scss는 prependdata로 미리 불러와야되나요?
1
374
1
vite-svelte-ts로 진행중인데용
1
478
1
vite로 진행중인데 개발자도구 키면 내용이 조금 달라요
1
427
1
vite로 진행해도 문제 없겠지용?
1
361
1
Degit 이슈
1
369
3
공개해주신 파일 config 파일들은 어떤 원리로 실행이 되는건가요?
1
277
1
gitignore 처리에 대하여
1
259
1
babel-plugin-transform-remove-console 정상 작동 안되는 분
1
403
1
snowpack을 사용하신 이유가 있으신가요?
1
344
1
Snowpack 설치 하다가 에러 납니다~
1
277
2
script에서 img load event를 사용하면 해당 url이 로딩될 때까지 기다리는 건가요?
1
386
1
axios 요청 시 y 파라미터가 빈 값인 경우 에러가 발생합니다
1
380
1
에러 질문 있습니다!
1
797
1
sveltekit으로 개발된 프로젝트를 iis나 server로 띄우는 방법이 있을까요??
1
1057
1
npm run dev:netlify 명령어 실행시
1
316
1
axios로 omdbapi를 받을때 http보다는 https?
1
174
1
svelte를 프론트엔드로 사용하고 php를 벡엔드로 사용하려고 하는데 svelte와 궁합이 잘 맞는 벡엔드 언어가 따로 있나요?
2
451
1
html일반 템플릿과 제공해주신 기본 스벨트 구성 템플릿 결합시 라우터 관련 에러
2
700
7