14
मैं एक प्लगइन लिख रहा हूं जो एक एसवीजी स्प्राइट बनाता है। यह निर्देशिकाओं पर globs, एक छवि में एसवीजी फ़ाइलों को मर्ज करें और परिणाम देता है। विचार गतिशील रूप से एक मॉड्यूल (जिसमें मर्ज किए गए चित्र शामिल हैं) बनाना है ताकि अन्य मॉड्यूल को इसे सामान्य मॉड्यूल के रूप में आवश्यकता हो। या शायद आप एक और अधिक सुरुचिपूर्ण समाधान का सुझाव दे सकते हैं?वेबपैक गतिशील रूप से एक मॉड्यूल बनाते हैं
कॉन्फ़िग
{
plugins: [
new SvgSpritePlugin({
sprites: {
icons: 'images/svg/icons/*.svg',
logos: 'images/svg/logos/*.svg',
socials: 'images/svg/logos/{twitter,youtube,facebook}.svg',
}
})
]
}
आवेदन में कहीं न कहीं
var logosSprite = require('sprite/logos'); // require dynamically created module
document.body.appendChild(logoSprite);
मैं एक जैसी चीज करने की कोशिश कर रहा हूं। प्लगइन से मॉड्यूल इंजेक्ट करने के बारे में जानना अच्छा लगेगा। – 4m1r
क्या आपने [webpack-svgstore-plugin] कोशिश की है (https://github.com/lgordey/webpack-svgstore-plugin)? ऐसा लगता है कि यह एक ही समस्या हल करता है। – Kreozot
@ क्रेज़ोट svgstore-plugin अलग-अलग काम करता है - यह वेबपैक संकलन के दौरान संपत्ति उत्सर्जित करता है। मैं नियमित मॉड्यूल के साथ svg के साथ काम करना चाहता हूं और केवल आवश्यक फाइलें बनाना चाहता हूं। मैं लिखता हूं [svg-sprite-loader] (http://github.com/kisenka/webpack-svg-sprite-loader) (अत्यधिक प्रयोगात्मक)। – kisenka