فایل های css ماژول های نصب شده

[roya_django]

سلام
عرض ادب خدمت اعضای محترم انجمن
یه سوال داشتم لطفا اگه می تونید راهنمایی کنید:


من با webpack و react مشغول تمرین و یادگیری هستم .

ماژولی به نام sweetalert2 را که در صفحه ی گیتاب زیر قرار دارد نصب کردم:
https://limonte.github.io/sweetalert2/

و منظورم از نصب کردن این بوده که با npm نصبش کرده ام .
حالا برای استفاده آن را ایمپورت می کنم به این ترتیب:

import swal from 'sweetalert2'



swal('Any fool can use a computer');

اما مشاهده می کنم که پیامی که نمایش داده می شود فاقد style است بعد از این که متوجه شده ام در هنگام نصب این پکیج چند فایل css هم در node_modules
نصب شده اند ادرس ان فایل css را به صورت دستی دادم و مشکل حل شد.


حالا سوالی که از شما دارم این است که ایا باید فایل های cssای که درون پکیج ها و ماژول های جاوااسکریپتی که نصب می کنیم قرار دارند را به صورت
دستی به سایت اضافه کنم؟
ایا امکان انجام اتوماتیک ان وجود دارد؟
به نظر من باید راهی باشد زیرا در صفحه ی گیتاب این پکیج هیچ اشاره ای به لینک دادن دستی به فایل های css نبود پس باید راهی باشد

ایا به نظر شما من چیزی را از قلم انداخته ام ؟
ایا نباید پکیج خاصی را نصب کنم؟
ایا وقتی یک ماژول را ایمپورت می کنیم نباید فایل هایی css درون ان هم ایمپورت شوند؟


سپاسگزارم

[Ardeshir81]

آره . راه داره . اگه webpack ت رو درست کانفیگ کرده باشی که css هم لود کنه، کافیه از همون دستور import استفاده کنی و فرض کنی توی فولدر node_modules هستی .
مثل این :

import 'angular-material';

import 'angular-material/angular-material.css';

import 'angular-material-icons';

import 'angular-material-icons/angular-material-icons.css';

من اینجا فایل های جاوا اسکریپت انگولار-متریال و بعد فایل های css ش رو لود کردم

اینارو بالای کد جاوااسکریپتم مینویسم.

+ کافیه توی کانفیک webpack ت برای فایل های css از style-loader و css-loader استفاده کنی