Source

கருவிகளை உருவாக்குங்கள்

எங்கள் ஆவணங்களை உருவாக்க, மூலக் குறியீட்டை தொகுக்க, சோதனைகளை இயக்க மற்றும் பலவற்றிற்கு பூட்ஸ்டார்ப்பில் உள்ள npm ஸ்கிரிப்ட்களை எவ்வாறு பயன்படுத்துவது என்பதை அறியவும்.

கருவி அமைப்பு

பூட்ஸ்டார்ப் அதன் உருவாக்க அமைப்புக்கு NPM ஸ்கிரிப்ட்களைப் பயன்படுத்துகிறது. எங்கள் package.json ஆனது கட்டமைப்புடன் வேலை செய்வதற்கான வசதியான முறைகளை உள்ளடக்கியது, இதில் குறியீடு தொகுத்தல், இயங்கும் சோதனைகள் மற்றும் பல.

எங்கள் உருவாக்க அமைப்பைப் பயன்படுத்தவும், எங்கள் ஆவணங்களை உள்நாட்டில் இயக்கவும், பூட்ஸ்டார்ப்பின் மூலக் கோப்புகள் மற்றும் முனையின் நகல் உங்களுக்குத் தேவைப்படும். இந்த படிகளைப் பின்பற்றவும், நீங்கள் ராக் செய்ய தயாராக இருக்க வேண்டும்:

  1. Node.js ஐப் பதிவிறக்கி நிறுவவும் , இதை நாங்கள் எங்கள் சார்புகளை நிர்வகிக்கப் பயன்படுத்துகிறோம்.
  2. ரூட் /bootstrapகோப்பகத்திற்குச் சென்று , pack.jsonnpm install இல் பட்டியலிடப்பட்டுள்ள எங்கள் உள்ளூர் சார்புகளை நிறுவ இயக்கவும் .
  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 பண்புகளில் தானாக விற்பனையாளர் முன்னொட்டுகளைச் சேர்க்க பூட்ஸ்டார்ப் Autoprefixer (எங்கள் உருவாக்க செயல்பாட்டில் சேர்க்கப்பட்டுள்ளது) பயன்படுத்துகிறது. அவ்வாறு செய்வது, v3 இல் காணப்படுவது போன்ற விற்பனையாளர் மிக்ஸின்களின் தேவையை நீக்கும் அதே வேளையில், எங்கள் CSS இன் முக்கிய பகுதிகளை ஒரே நேரத்தில் எழுத அனுமதிப்பதன் மூலம் எங்களுக்கு நேரத்தையும் குறியீட்டையும் சேமிக்கிறது.

எங்களின் GitHub களஞ்சியத்தில் உள்ள தனி கோப்பில் Autoprefixer மூலம் ஆதரிக்கப்படும் உலாவிகளின் பட்டியலை நாங்கள் பராமரிக்கிறோம். விவரங்களுக்கு /package.json ஐப் பார்க்கவும்.

உள்ளூர் ஆவணங்கள்

உள்நாட்டில் எங்கள் ஆவணங்களை இயக்குவதற்கு Jekyll ஐப் பயன்படுத்த வேண்டும், இது எங்களுக்கு வழங்குகிறது: அடிப்படை உள்ளடக்கம், Markdown-அடிப்படையிலான கோப்புகள், வார்ப்புருக்கள் மற்றும் பல. அதை எப்படி தொடங்குவது என்பது இங்கே:

  1. ஜெகில் (தளத்தை உருவாக்குபவர்) மற்றும் பிற ரூபி சார்புகளை நிறுவ மேலே உள்ள கருவி அமைப்பை இயக்கவும் bundle install.
  2. ரூட் /bootstrapகோப்பகத்திலிருந்து, npm run docs-serveகட்டளை வரியில் இயக்கவும்.
  3. உங்கள் உலாவியில் திறக்கவும் http://localhost:9001, மற்றும் voilà.

ஜெகில்லைப் பயன்படுத்துவதைப் பற்றி அதன் ஆவணங்களைப் படிப்பதன் மூலம் மேலும் அறியவும் .

பழுது நீக்கும்

சார்புகளை நிறுவுவதில் சிக்கல் ஏற்பட்டால், முந்தைய அனைத்து சார்பு பதிப்புகளையும் (உலகளாவிய மற்றும் உள்ளூர்) நிறுவல் நீக்கவும். பின்னர், மீண்டும் இயக்கவும் npm install.