वेबपैक

Question

के साथ materialize-css npm पैकेज को कैसे शामिल करें मैं एक क्लाइंट-साइड ऐप लिख रहा हूं जो वेबपैक का उपयोग कर रहा है, और मैं यह नहीं समझ सकता कि सामग्रीकरण-सीएसएस पैकेज की आवश्यकता कैसे है। मैं Henrik Joreteg's hjs-webpack package का उपयोग कर रहा हूं, और इसके साथ अभी तक एनएपीएस पैकेज को एक एसएएस फ़ाइल में आयात करके शामिल किया गया है (उदा। @import 'yeticss'), लेकिन यह भौतिक बनाने के लिए काम नहीं करता है। इसे सीधे कोड में जरूरी है (उदा। import 'materialize-css' जेएस फ़ाइल में) जैसे कि कोई अन्य पैकेज भी काम नहीं करता है।

Answer 1

इस मामले में, के विपरीत yeticss साथ, आप केवल पैकेज नाम से जाने के लिए और विशिष्ट फ़ाइलों की आवश्यकता होती है, है, इस प्रकार की जरूरत है:

import 'materialize-css/bin/materialize.css' 
import 'materialize-css/bin/materialize.js' 

Answer 2

मेरे मामले में मैं create-react-app उपयोग कर रहा हूँ, और मैं करने में सक्षम था:

yarn add materialize-css 

और फिर मेरी index.js में (शीर्ष स्तर फ़ाइल प्रतिक्रिया):

import '../node_modules/materialize-css/dist/css/materialize.min.css'; 
import '../node_modules/materialize-css/dist/js/materialize.min.js';