ખાતરી કરો કે, તમારી વિનંતી કેવી દેખાઈ શકે તેનું ઉદાહરણ અહીં છે:
કોણીય.જેસન કોઈપણ કોણીય પ્રોજેક્ટમાં નિર્ણાયક ફાઇલ છે. તે બુટસ્ટ્રેપ પાથ સહિત, કોણીય એપ્લિકેશન ચલાવવા માટે જરૂરી મૂળભૂત રૂપરેખાંકન વિગતો ધરાવે છે. તેઓ નિર્ધારિત કરે છે કે કોણીય પ્રોજેક્ટ તેની જરૂરી અસ્કયામતોની આયાત કેવી રીતે કરે છે, આ કિસ્સામાં બુટસ્ટ્રેપ CSS ફ્રેમવર્ક. આ ખ્યાલ જટિલ લાગે છે, પરંતુ સાવચેતીપૂર્વક પગલા-દર-પગલાં સાથે, તે સરળતાથી સમજી શકાય છે.
Angular.json માં બુટસ્ટ્રેપ પાથ સેટ કરી રહ્યું છે
બુટસ્ટ્રેપ પાથ સુયોજિત કરવા માટેનો સૌથી ટૂંકો ઉકેલ તેને માં ઉમેરી રહ્યો છે શૈલીઓ નીચેના ઉદાહરણમાં બતાવ્યા પ્રમાણે angular.json માં વિભાગ:
{
"styles": [ "node_modules/bootstrap/dist/css/bootstrap.min.css" ]
}
આ સીધો માર્ગ સુનિશ્ચિત કરે છે કે બુટસ્ટ્રેપ CSS અપેક્ષા મુજબ લાગુ થયેલ છે.
કોડ રૂપરેખાંકનનું ભંગાણ
ઉપરથી શરૂ કરીને, angular.json JSON ફાઇલ છે, તેથી કૌંસ ખોલવા અને બંધ કરવાની જોડી. આ ફાઇલની અંદર અમે તમારા કોણીય પ્રોજેક્ટને લગતી વિવિધ રૂપરેખાંકન વિગતોનો ઉલ્લેખ કરીએ છીએ.
માં પાથ ઉમેરવા માટે રૂપરેખાંકિત શૈલીઓ એરે સાથે bootstrap.min.css ફાઇલ, અમે ખાતરી કરીએ છીએ કે સ્ટાઇલશીટ સમગ્ર એપ્લિકેશન દરમિયાન વૈશ્વિક સ્તરે સુલભ છે. પાથ ચોક્કસ અને રૂટ ડિરેક્ટરીમાંથી હોવો જરૂરી છે.
સ્પષ્ટીકરણો એરેમાં સ્ટ્રીંગ્સ તરીકે ફોર્મેટ કરવામાં આવે છે કારણ કે તેમાં સમાવવા માટે બહુવિધ સ્ટાઇલશીટ્સ હોઈ શકે છે (આ તમારી કસ્ટમ CSS શૈલીઓ, એનિમેશન અને સંક્રમણો હોઈ શકે છે) મોટા કોણીય પ્રોજેક્ટમાં. ફાઇલ પાથ માન્ય હોવા માટે અવતરણમાં આવરિત કરવાની જરૂર છે, અને તમામ એરે આઇટમ્સ અલ્પવિરામ દ્વારા અલગ કરવામાં આવે છે.
આ રીતે, જ્યારે આપણે એપ્લીકેશન સર્વ કરીએ છીએ ત્યારે બુટસ્ટ્રેપ એંગ્યુલર પ્રોજેક્ટ સાથે એકીકૃત થાય છે. તે બુટસ્ટ્રેપ શૈલીઓને વૈશ્વિક શૈલીઓ તરીકે લાગુ કરે છે જે આપણને કોણીય ઘટકોમાં બુટસ્ટ્રેપ વર્ગોનો ઉપયોગ કરવા સક્ષમ બનાવે છે.
કોણીય પ્રોજેક્ટમાં બુટસ્ટ્રેપનો ઉપયોગ કરવાના ફાયદા
- બુટસ્ટ્રેપ રિસ્પોન્સિવ ગ્રીડ સિસ્ટમ, પ્રી-સ્ટાઈલવાળા ઘટકો અને JavaScript પ્લગઈન્સ પ્રદાન કરે છે જે વિકાસને નોંધપાત્ર રીતે ઝડપી બનાવે છે.
- બુટસ્ટ્રેપ વાપરવા માટે સરળ અને લવચીક છે, જે કસ્ટમ ડિઝાઇનને વ્યવસ્થિત બનાવે છે.
- બુટસ્ટ્રેપ તમામ આધુનિક બ્રાઉઝર્સને સપોર્ટ કરે છે અને સંપૂર્ણ રીતે પ્રતિભાવશીલ છે, સમગ્ર લાઇબ્રેરીમાં મોબાઇલ-પ્રથમ શૈલીઓ ઓફર કરે છે.
આથી, તમારા કોણીય પ્રોજેક્ટમાં બુટસ્ટ્રેપ ઉમેરવાથી તમારી એપ્લિકેશનને સક્રિય અને અસરકારક રીતે વિકસાવવા માટે તમને આ સુવિધાઓ સાથે સશક્ત બનાવે છે.
યાદ રાખો, કોણીય CLI કેવી રીતે તમારી એપ્લિકેશન બનાવે છે અને સેવા આપે છે તેના નિયંત્રણમાં angular.json ફાઇલ મુખ્ય છે. તેથી, બુટસ્ટ્રેપ જેવી ચોક્કસ બંડલ અસ્કયામતો માટે તેને કેવી રીતે ગોઠવવું તે સમજવું મહત્વપૂર્ણ છે.
