Language-tools: विस्तार के बिना Svelte घटकों को आयात करने में सहायता करें

को निर्मित 23 सित॰ 2020 · 5टिप्पणियाँ · स्रोत: sveltejs/language-tools

क्या आपका फीचर अनुरोध किसी समस्या से संबंधित है?

मेरे पास कई उप-घटकों के साथ कुछ जटिल घटक हैं। उप-घटक निजी हैं और एक बड़े घटक बनाने के लिए एक साथ आते हैं।

यहाँ एक उदाहरण है:

form/
  input.svelte
  textarea.svelte
  index.svelte
  radio.svelte
  checkbox.svelte

आप जो समाधान चाहते हैं उसका वर्णन करें

मैं स्पष्ट रूप से form/index.svelte लिखने के बजाय form/ से form/index.svelte को हल करने में सक्षम होना चाहता हूं।

मुझे लगता है कि डिफ़ॉल्ट रूप से यह प्लगइन .svelte एक्सटेंशन वाली फ़ाइलों के लिए नोड.जेएस-शैली संकल्प का पालन करना चाहिए।

form/             => form/index.svelte
form/input        => form/input.svelte (or form/input/index.svelte)
form/input.svelte => form/input.svelte

enhancement

स्रोत

matthewmueller

सबसे उपयोगी टिप्पणी

यदि आप इस पर रिच की भावनाओं को जानना चाहते हैं: https://twitter.com/Rich_Harris/status/1002959357250801664 - और वे भी Node.

मैं भी सहमत हूं। सिर्फ इसलिए कि आप एक एक्सटेंशन बिना फ़ाइलों को हल कर सकते हैं, इसका मतलब यह नहीं कि आप ऐसा करना चाहिए।

antony 23 सित॰ 2020

👍9 👀1

सभी 5 टिप्पणियाँ

मैं इसके खिलाफ हूं, क्योंकि अब आपको कोई भेद नहीं है कि कौन सी फाइल एक स्वेल्ट फाइल है और कौन सी फाइल एक सामान्य फाइल है। यदि आपके पास एक ही फ़ोल्डर में 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>

dummdidumm 23 सित॰ 2020

👍5 👀1

आपकी प्रतिक्रिया के लिए धन्यवाद्। मैं दोबारा जांचना चाहता हूं कि हम एक ही पृष्ठ पर हैं क्योंकि मैंने इस मुद्दे को बहुत विवादास्पद नहीं माना।

मैं Svelte फ़ाइलों को उसी तरह हल करने की क्षमता माँग रहा हूँ जैसे आप किसी Javascript, टाइपप्रति, JSX, या TSX फ़ाइल को हल करते हैं।

उसी तरह आपको टाइपस्क्रिप्ट या रिएक्ट प्रोजेक्ट में एक्सटेंशन जोड़ने की आवश्यकता नहीं है:

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

VSCode टाइपस्क्रिप्ट रिज़ॉल्वर Node.js रिज़ॉल्यूशन नियमों का पालन करता है। जब हम नोड के समाधान नियमों को डिजाइन करने के बारे में बात कर रहे हैं तो आपकी बात बहुत मान्य है। अधिक प्रतिबंधात्मक होने पर मैं आपसे सहमत हूं।

लेकिन यह देखते हुए कि जहाज रवाना हो गया है, क्या .svelte एक्सटेंशन को .ts , .tsx , .jsx एक्सटेंशन से अलग बनाता है?

matthewmueller 23 सित॰ 2020

लंघन एक्सटेंशन ऐतिहासिक रूप से नोड के समाधान तंत्र का एक स्वभाव है। Npm के Isaac Z. Schlueter, जो मुझे लगता है, उस समय चर्चा में शामिल थे, ने इसके बारे में खेद व्यक्त किया है। और उनकी पोस्ट पर टिप्पणियों में उन्हें समझ में नहीं आया। निश्चिंत रहें यह निश्चित रूप से एक बहुत ही विवादास्पद विषय है।

मानक ईएसएम आयात में एक्सटेंशन को छोड़ने के अर्थ में कुछ भी नहीं है, और यही वह दिशा है जो स्वेल्टे (और रोलअप) डिफ़ॉल्ट रूप से संरेखित होती है।

कहा जा रहा है, यह विशुद्ध रूप से आपके द्वारा उपयोग किए जाने वाले बंडलर की चिंता है। अगर मुझे सही से याद है, तो वेबपैक के साथ .svelte एक्सटेंशन डिफ़ॉल्ट रूप से वैकल्पिक है। और रोलअप में, यह नोड-रिज़ॉल्यूशन प्लगइन का एक

rixo 23 सित॰ 2020

कहा जा रहा है, यह विशुद्ध रूप से आपके द्वारा उपयोग किए जाने वाले बंडलर की चिंता है। अगर मुझे सही से याद है, तो वेबपैक के साथ .svelte एक्सटेंशन डिफ़ॉल्ट रूप से वैकल्पिक है। और रोलअप में, यह नोड-रिज़ॉल्यूशन प्लगइन का एक

दिलचस्प है, मुझे नहीं पता था कि वेबपैक प्लगइन में एक्सटेंशन डिफ़ॉल्ट रूप से वैकल्पिक है।

इसका समर्थन करने का अर्थ होगा भाषा-सर्वर और संभवतः अन्य चीजों में मॉड्यूल रिज़ॉल्यूशन को बदलने के तरीके को बदलना। साथ ही, इसे एक सेटिंग की आवश्यकता होगी ताकि लोग यह घोषित कर सकें कि वे इस व्यवहार को चाहते हैं या नहीं - आखिरकार, उन्हें अपनी बिल्ड कॉन्फ़िगरेशन को भी बदलने की आवश्यकता हो सकती है, अगर वे बिना .svelte लिखे Svelte आयात करना चाहते हैं।

मैं फिर से खोलूंगा ताकि अन्य लोग इस पर ध्यान दे सकें।

dummdidumm 23 सित॰ 2020

❤1

antony 23 सित॰ 2020

👍9 👀1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Language-tools: विस्तार के बिना Svelte घटकों को आयात करने में सहायता करें

सबसे उपयोगी टिप्पणी

सभी 5 टिप्पणियाँ

संबंधित मुद्दों