Language-tools: 확장 없이 Svelte 구성 요소 가져오기 지원

나는 이것에 반대합니다. 그러면 어떤 파일이 Svelte 파일이고 어떤 파일이 일반 파일인지 더 이상 구별할 수 없기 때문입니다. index.js 와 index.svelte 가 같은 폴더에 있으면 어떻게 됩니까? 무엇을 수입해야합니까? 이것은 획기적인 변화가 될 것입니다. 또한 내가 아는 한 번들러에서도 지원하지 않습니다.

귀하의 특정 경우에는 다음 내용과 함께 index.js 를 추가하는 것이 좋습니다.

export { default as Index } from './index.svelte';
// ... you can add your other Svelte files here as well

그런 다음 다음과 같이 가져옵니다.

<script>
   import { Index } from './form';
</script>

응답해 주셔서 감사합니다. 나는 이 문제가 매우 논쟁의 여지가 있다고 생각하지 않았기 때문에 우리가 같은 페이지에 있는지 다시 확인하고 싶습니다.

Javascript, Typescript, JSX 또는 TSX 파일을 해결하는 것과 동일한 방식으로 Svelte 파일을 해결하는 기능을 요청합니다.

같은 방식으로 Typescript 또는 React 프로젝트에 확장을 추가할 필요가 없습니다.

import A from "./a.ts"
// you can just do
import A from "./a"

VSCode typescript 해석기는 Node.js 해석 규칙을 따릅니다. 노드의 해상도 규칙 설계에 대해 이야기할 때 귀하의 요점은 매우 유효합니다. 더 제한적이라는 데 동의합니다.

하지만 그 배가 출항했다면 .svelte 확장이 .ts , .tsx , .jsx 확장과 다른 점은 무엇입니까?

확장을 건너뛰는 것은 역사적으로 Node의 해결 메커니즘의 특이한 점입니다. 당시 토론에 참여했던 Npm의 아이작 Z. 슐루터(Isaac Z. Schlueter)는 이후 이에 대해 유감을 표명했다. 그리고 그는 자신의 게시물에 달린 댓글에서 이해할 수 없다는 반응을 보였습니다. 이것은 확실히 매우 논란의 여지가 있는 주제입니다.

표준 ESM 가져오기에는 확장을 건너뛰는 의미가 없으며 기본적으로 Svelte(및 Rollup)가 일치하는 방향입니다.

즉, 그것은 순전히 사용하는 번들러의 관심사입니다. 내 기억이 맞다면 Webpack .svelte 확장자는 기본적으로 선택 사항입니다. 그리고 Rollup에서는 node-resolve 플러그인의

즉, 그것은 순전히 사용하는 번들러의 관심사입니다. 내 기억이 맞다면 Webpack .svelte 확장자는 기본적으로 선택 사항입니다. 그리고 Rollup에서는 node-resolve 플러그인의

흥미롭게도 webpack 플러그인에서 확장이 기본적으로 선택 사항이라는 것을 몰랐습니다.

이것을 지원한다는 것은 모듈 해석이 언어 서버에서 .svelte 없이 작성된 Svelte 가져오기를 원하는 경우 빌드 구성도 변경해야 할 수 있습니다.

나는 다른 사람들이 이것에 대해 평가할 수 있도록 다시 열 것입니다.

이에 대한 리치의 심정을 알고 싶다면 https://twitter.com/Rich_Harris/status/1002959357250801664 - 그리고 Node.js의 제작자 Ryan Dahl과 동일한 내용입니다.

저도 동의합니다. 당신은 확장자가없는 파일을 해결할 수 있습니다해서, 당신이해야 의미하지 않는다.