Language-tools: postcss-preset-env 사용자 정의 미디어를 사용할 때 svelte (css-syntax-error)

# 305와 중복

다음에 postcss 또는 css 유효성 검사를 지원할 계획이 없습니다. 그것은 너무 많은 유지 보수 작업입니다. 설정 지침은 이 문서 를 참조 할 수 있습니다.

특정 경우 : Svelte 파일은 파일별로 트랜스 파일되므로 여기에 정의하지 않으면 구성 요소 내에서 --t 에 대해 아무것도 알지 못합니다. 결국 모든 것이 하나의 큰 CSS에 번들로 제공되기 때문에 빌드에 적합하다고 생각합니다.

응답 해 주셔서 대단히 감사합니다. 이것에 대한 당신의 노력에 정말 감사합니다

이전에 몇 주 동안 사용자 지정 미디어 쿼리를 사용했고 오류가 없었지만 일부 업데이트 (내가 생각하기에) 후에 이제 하나가 있기 때문에 이에 대해 게시하기로 결정했습니다. 또한 이것은 미래에 CSS 사양의 일부가 될 수 있습니다. 나는 그것이 적어도 그때 수정되기를 바랍니다. 감사

svelte-config.js 의 전처리 과정에서도 media-queries.css의 사용자 정의 미디어를 사용할 수 있도록해야합니다.

게시 한 정확한 코드를 시도하면 새로운 오류가 발생합니다.
"postcssPresetEnv는 함수가 아닙니다." .default를 제거해도 여전히
오류. 아직도 이것을 봐 주셔서 대단히 감사합니다.

2020 년 9 월 4 일 금요일 09:37, Lyu, Wei-Da [email protected] 은 다음과 같이 썼습니다.

당신이 겪고있는 문제는 svelte.config.js의 전 처리기 설정입니다.
롤업 구성에 3 개의 플러그인이로드되어 있습니다. 하지만 자동 만 활성화
svelte.config.js에서 사전 처리하여 IDE의 컴파일 프로세스가 가져 오지 않습니다.
따라서 전처리 된 스타일로 인해 오류가 발생합니다.

svelte.config.js에서 이것을 시도했는데 오류가 사라졌습니다.

const sveltePreprocess = require ( 'svelte-preprocess') const postcssImport = require ( 'postcss-import') const postcssPresetEnv = require ( 'postcss-preset-env'). defaultconst postcssNested = require ( 'postcss-nested')
const postcssPlugins = [
postcssImport (),
postcssPresetEnv ({stage : 0}),
postcssNested (),]
module.exports = {
전처리 : sveltePreprocess ({
sourceMap : true,
postcss : {
플러그인 : postcssPlugins,
},
})}

—
스레드를 작성했기 때문에 수신 한 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/sveltejs/language-tools/issues/517#issuecomment-686945578 ,
또는 구독 취소
https://github.com/notifications/unsubscribe-auth/AC6ONEK5L3PDUXKDVGIWFMLSECDKVANCNFSM4QTPHU5Q
.

XD가 작동하지 않는다는 점에 대해 죄송합니다.

해결 방법을 찾았습니다 (다시 너무 빨리 결론에 도달하지 않았 으면 좋겠습니다 lol)

// svelte.config.js
const sveltePreprocess = require('svelte-preprocess')
const fs = require('fs')
const mediaQueries = fs
  .readFileSync('./src/assets/css/media-queries.css')
  .toString()

module.exports = {
  preprocess: sveltePreprocess({
    postcss: {
      prependData: mediaQueries,
    },
  }),
}

빌드에 관해서는 app.svelte에서 custom-media를 선언했기 때문이라고 생각합니다. 제거하고 dev 서버를 다시 시작하면 IDE에서 발생하는 것과 동일한 오류가 나타납니다.
미디어 쿼리를 사용하고 싶을 때 가져 오거나 전역 적으로 사용할 수 있도록 할 수 있습니다.

@ jasonlyu123 당신은 대단해! 두 가지 문제를 한 번에 해결했습니다 (두 곳에서 미디어 쿼리를 수행하는 것도 좋지 않음). 정말 감사합니다. 이제 즐겁게 작업 할 수 있습니다. 다시 한번 감사 드리며 모든 것에 행운을 빕니다!