Source

સાધનો બનાવો

અમારા દસ્તાવેજો બનાવવા, સ્રોત કોડ કમ્પાઇલ કરવા, પરીક્ષણો ચલાવવા અને વધુ માટે બુટસ્ટ્રેપની સમાવિષ્ટ npm સ્ક્રિપ્ટ્સનો ઉપયોગ કેવી રીતે કરવો તે જાણો.

ટૂલિંગ સેટઅપ

બુટસ્ટ્રેપ તેની બિલ્ડ સિસ્ટમ માટે npm સ્ક્રિપ્ટનો ઉપયોગ કરે છે. અમારું package.json ફ્રેમવર્ક સાથે કામ કરવા માટેની અનુકૂળ પદ્ધતિઓનો સમાવેશ કરે છે, જેમાં કોડ કમ્પાઇલિંગ, ટેસ્ટ ચલાવવા અને વધુનો સમાવેશ થાય છે.

અમારી બિલ્ડ સિસ્ટમનો ઉપયોગ કરવા અને અમારા દસ્તાવેજીકરણને સ્થાનિક રીતે ચલાવવા માટે, તમારે બુટસ્ટ્રેપની સ્રોત ફાઇલો અને નોડની નકલની જરૂર પડશે. આ પગલાં અનુસરો અને તમારે રોક કરવા માટે તૈયાર થવું જોઈએ:

  1. Node.js ડાઉનલોડ કરો અને ઇન્સ્ટોલ કરો , જેનો ઉપયોગ અમે અમારી નિર્ભરતાને સંચાલિત કરવા માટે કરીએ છીએ.
  2. રુટ /bootstrapડિરેક્ટરીમાં નેવિગેટ કરો અને પેકેજnpm install .json માં સૂચિબદ્ધ અમારી સ્થાનિક નિર્ભરતાને ઇન્સ્ટોલ કરવા માટે ચલાવો .
  3. રૂબી ઇન્સ્ટોલ કરો , સાથે બંડલરgem install bundler ઇન્સ્ટોલ કરો અને છેલ્લે ચલાવો bundle install. આ જેકિલ અને પ્લગઇન્સ જેવી તમામ રૂબી નિર્ભરતાઓને ઇન્સ્ટોલ કરશે.

જ્યારે પૂર્ણ થઈ જાય, ત્યારે તમે કમાન્ડ લાઇનમાંથી પૂરા પાડવામાં આવેલ વિવિધ આદેશોને ચલાવવા માટે સમર્થ હશો.

npm સ્ક્રિપ્ટનો ઉપયોગ

અમારા package.json માં નીચેના આદેશો અને કાર્યો શામેલ છે:

કાર્ય વર્ણન
npm run dist npm run dist/dist/સંકલિત ફાઇલો સાથે ડિરેક્ટરી બનાવે છે . Sass , Autoprefixer , અને UglifyJS નો ઉપયોગ કરે છે .
npm test ઉપરાંત npm run distતે સ્થાનિક સ્તરે પરીક્ષણો ચલાવે છે
npm run docs દસ્તાવેજો માટે CSS અને JavaScript બનાવે છે અને લિન્ટ કરે છે. પછી તમે સ્થાનિક રીતે દસ્તાવેજીકરણને મારફતે ચલાવી શકો છો npm run docs-serve.

npm runબધી npm સ્ક્રિપ્ટ જોવા માટે ચલાવો .

ઓટોપ્રીફિક્સર

બુટસ્ટ્રેપ બિલ્ડ સમયે કેટલીક CSS પ્રોપર્ટીઝમાં વિક્રેતા ઉપસર્ગને આપમેળે ઉમેરવા માટે ઑટોપ્રીફિક્સર (અમારી બિલ્ડ પ્રક્રિયામાં શામેલ) નો ઉપયોગ કરે છે. આમ કરવાથી v3 માં જોવા મળતા વિક્રેતા મિશ્રણોની જરૂરિયાતને દૂર કરતી વખતે અમને અમારા CSS ના મુખ્ય ભાગોને એક જ વાર લખવાની મંજૂરી આપીને સમય અને કોડની બચત થાય છે.

અમે અમારી GitHub રિપોઝીટરીમાં એક અલગ ફાઇલમાં ઑટોપ્રીફિક્સર દ્વારા સમર્થિત બ્રાઉઝર્સની સૂચિ જાળવીએ છીએ. વિગતો માટે .browserslistrc જુઓ .

સ્થાનિક દસ્તાવેજીકરણ

અમારા દસ્તાવેજીકરણને સ્થાનિક રીતે ચલાવવા માટે જેકિલનો ઉપયોગ કરવો જરૂરી છે, જે એક યોગ્ય રીતે લવચીક સ્થિર સાઇટ જનરેટર છે જે અમને પ્રદાન કરે છે: મૂળભૂત સમાવેશ, માર્કડાઉન-આધારિત ફાઇલો, ટેમ્પ્લેટ્સ અને વધુ. તેને કેવી રીતે શરૂ કરવું તે અહીં છે:

  1. જેકિલ (સાઇટ બિલ્ડર) અને અન્ય રૂબી અવલંબનને ઇન્સ્ટોલ કરવા માટે ઉપરના ટૂલિંગ સેટઅપ દ્વારા ચલાવો bundle install.
  2. રૂટ /bootstrapડિરેક્ટરીમાંથી, npm run docs-serveઆદેશ વાક્યમાં ચલાવો.
  3. તમારા બ્રાઉઝરમાં ખોલો http://localhost:9001અને વોઈલા.

તેના દસ્તાવેજો વાંચીને જેકિલનો ઉપયોગ કરવા વિશે વધુ જાણો .

મુશ્કેલીનિવારણ

જો તમને ડિપેન્ડન્સી ઇન્સ્ટોલ કરવામાં સમસ્યા આવે, તો પહેલાના તમામ ડિપેન્ડન્સી વર્ઝન (વૈશ્વિક અને સ્થાનિક)ને અનઇન્સ્ટોલ કરો. પછી, ફરીથી ચલાવો npm install.