Ionic3: node_modules से css आयात करने का सबसे अच्छा तरीका

Question

मैं full-calendar पैकेज से .css आयात करने का प्रयास कर रहा हूं।

सबसे पहले, मैंने एक नया घटक मेरा कैलेंडर (एचटीएमएल, एसएसएस, टीएस) बनाया।

फिर, मैं 3 अलग अलग तरीकों की कोशिश की लेकिन केवल पिछले एक मेरे लिए काम किया:

1. संदर्भ फ़ाइल सीधे, के रूप में प्रलेखन का सुझाव दिया, index.html में (यह क्योंकि काम नहीं करता है node_modules के संदर्भ में जब आप परियोजना का निर्माण खो दिया है)

   <link href="node_modules/fullcalendar/dist/fullcalendar.min.css" rel="stylesheet">

2. @import "~fullcalendar/dist/fullcalendar.min.css";में मेरे-calendar.scs जोड़ना एस। अगर मैं गलत नहीं हूँ, यह जब परियोजना बनाया जा रहा है main.css में शैली जोड़ना चाहिए (काम नहीं कर रहा)

3. कस्टम प्रतिलिपि config (copy.config.js)

   module.exports = { 
       ... 
       copyFullCalendar: {  
       src: ['{{ROOT}}/node_modules/fullcalendar/dist/fullcalendar.min.css'],  
       dest: '{{BUILD}}'  
       } 
   } 
   

   बनाएं

   और @import "fullcalendar.min.css" जोड़ना; मेरी-calendar.scss

अद्यतन में:
और मेरी-calendar.scss में @import "fullcalendar"; जोड़ने
संकलक त्रुटियों से बचने के जब उपयोग आयनिक निर्माण --aot --minifycss - -minifyjs

मैं सराहना करता हूं कि कोई सर्वश्रेष्ठ तरीके से स्पष्टीकरण दे सकता है और समझा सकता है कि क्या मैंने कुछ अवधारणा को गलत समझा है।

पीएस: याद रखें कि मैं आयनिक 3 के साथ काम कर रहा हूं और मैं कोणीय सीएलआई का उपयोग नहीं कर रहा हूं।

Answer 1

आपकी तीसरी विधि लागू करने का सबसे अच्छा तरीका होगा, लेकिन इसे आयनिक की तरह एक और तरीके से किया जा सकता है। आप includePaths का उपयोग करना जब कस्टम पथ को विन्यस्त स्थानीय परियोजना फ़ोल्डर में sass.config.js जोड़ने जहाँ हम इस

includePaths: [ 
    .... 
    'node_modules/ap-angular2-fullcalendar' 
], 

तरह कस्टम includePaths कॉन्फ़िगर package.json लिपियों में कस्टम सीएसएस शामिल करने की जरूरत है, क्योंकि हम कस्टम सीएसएस के साथ काम कर रहे हैं, विन्यास फाइल, इस तरह:

"scripts": { 
    ..... 
    "ionic:serve": "ionic-app-scripts serve -s ./config/sass.config.js" 
}, 

इस कार्यान्वयन के साथ केवल समस्या है जब आप ionic-app-scripts आप स्थानीय फ़ाइल के मूल निवासी sass.config.js फ़ाइल तुलना करने के लिए है अद्यतन करें और कुछ भी बदल नहीं है अगर जाँच है।

यह एक परेशानी तरीका है और एक मुद्दा Github में उठाया गया था लेकिन दुर्भाग्य से वे, निम्नलिखित औचित्य

कॉन्फिग बढ़ाया जाता है के साथ इस मुद्दे को बंद कर दिया तो केवल क्षेत्रों है कि आप बदल रहे हैं शामिल हैं। बाकी सब कुछ डिफ़ॉल्ट का वारिस होगा।