मेरे पास Vue घटकों का एक बहुत ही सरल सेट है जो सभी काम करते हैं। मौजूदा सी # ऐप के शीर्ष पर ये एक साधारण जोड़ हैं।

फिलहाल, ये .html फ़ाइलें हैं (<script> टैग के अंदर ऐप में लाई गई हैं) और संदर्भ द्वारा लोड की गई .js फ़ाइलें हैं।

ये सभी काम करते हैं, बहुत हल्के वजन के हैं, और मुझे यह पसंद है।

अब मैं प्रत्येक घटक के लिए HTML को एक Vue रेंडर फ़ंक्शन में संकलित करना चाहता हूं, और .js को एक minified .js फ़ाइल में संकलित करना चाहता हूं।

.js से .min.js काफी मानक है, लेकिन मैं यह नहीं समझ सकता कि HTML को Vue रेंडर फ़ंक्शन में कैसे संकलित किया जाए। मैंने जो कुछ भी पाया है उसमें बहुत अधिक ओवरहेड और वेब सर्वर चलाना जो एक html->script रूपान्तरण के लिए एक बहुत बड़ा ओवरकिल लगता है, और मुझे एक पूर्ण वेब अनुप्रयोग की आवश्यकता नहीं है। मुझे केवल अपने मौजूदा, सरल टेम्पलेट्स को उत्पादन के लिए कुछ अधिक अनुकूल बनाने की आवश्यकता है, जो मेरे लंबे फॉर्म वाले एचटीएमएल टेम्पलेट्स को पेज पर डंप कर रहे हैं।

मैं .html+.js को .vue फ़ाइलों में बदलने का पूरी तरह से विरोध नहीं कर रहा हूं, लेकिन ऐसा करने से मेरी समस्या दूर नहीं होती है।

0
Randy Hall 6 मई 2019, 22:05

1 उत्तर

सबसे बढ़िया उत्तर

मैं यह नहीं समझ सकता कि HTML को Vue रेंडर फ़ंक्शन में संकलित करने के लिए कैसे प्राप्त किया जाए

एक Vue टेम्पलेट स्ट्रिंग से एक रेंडर फ़ंक्शन उत्पन्न करने के लिए (उदाहरण के लिए, एक HTML फ़ाइल से पढ़ें), आप vue-template-compiler इस तरह:

const compiler = require('vue-template-compiler')
const output = compiler.compile('<div>{{msg}}</div>')
console.log(output) // => { render: "with(this){return _c('div',[_v(_s(msg))])}" }

मैंने जो कुछ भी पाया है उसमें बहुत अधिक ओवरहेड और एक वेब सर्वर चलाना शामिल है जो एक html->script ट्रांसफॉर्म के लिए भारी ओवरकिल लगता है

आपके द्वारा उल्लिखित "वेब सर्वर" Webpack CLI द्वारा प्रदान किया गया है, और इसका उद्देश्य है विकास को सुगम बनाना। आपको dev सर्वर का उपयोग करने की आवश्यकता नहीं है। लेख वास्तव में Vue एकल-फ़ाइल-घटकों के निर्माण के लिए प्रोजेक्ट को मैन्युअल रूप से स्थापित करने में कई चरणों का वर्णन करता है, लेकिन एक आसान तरीका Vue CLI ऐसी परियोजना को स्वचालित रूप से मचान के लिए।

2
tony19 9 मई 2019, 01:37