கருவிகளை உருவாக்குங்கள்
எங்கள் ஆவணங்களை உருவாக்க, மூலக் குறியீட்டை தொகுக்க, சோதனைகளை இயக்க மற்றும் பலவற்றிற்கு பூட்ஸ்டார்ப்பில் உள்ள npm ஸ்கிரிப்ட்களை எவ்வாறு பயன்படுத்துவது என்பதை அறியவும்.
பூட்ஸ்டார்ப் அதன் உருவாக்க அமைப்புக்கு NPM ஸ்கிரிப்ட்களைப் பயன்படுத்துகிறது. எங்கள் package.json ஆனது கட்டமைப்புடன் வேலை செய்வதற்கான வசதியான முறைகளை உள்ளடக்கியது, இதில் குறியீடு தொகுத்தல், இயங்கும் சோதனைகள் மற்றும் பல.
எங்கள் உருவாக்க அமைப்பைப் பயன்படுத்தவும், எங்கள் ஆவணங்களை உள்நாட்டில் இயக்கவும், பூட்ஸ்டார்ப்பின் மூலக் கோப்புகள் மற்றும் முனையின் நகல் உங்களுக்குத் தேவைப்படும். இந்த படிகளைப் பின்பற்றவும், நீங்கள் ராக் செய்ய தயாராக இருக்க வேண்டும்:
- Node.js ஐப் பதிவிறக்கி நிறுவவும் , இதை நாங்கள் எங்கள் சார்புகளை நிர்வகிக்கப் பயன்படுத்துகிறோம்.
- ரூட்
/bootstrap
கோப்பகத்திற்குச் சென்று , pack.jsonnpm install
இல் பட்டியலிடப்பட்டுள்ள எங்கள் உள்ளூர் சார்புகளை நிறுவ இயக்கவும் . - ரூபியை நிறுவவும் , உடன் பன்ட்லரை
gem install bundler
நிறுவவும் , இறுதியாக இயக்கவும்bundle install
. இது ஜெகில் மற்றும் செருகுநிரல்கள் போன்ற அனைத்து ரூபி சார்புகளையும் நிறுவும்.- விண்டோஸ் பயனர்கள்: ஜெகில்லைப் பெறவும், சிக்கல்கள் இல்லாமல் இயங்கவும் இந்த வழிகாட்டியைப் படியுங்கள் .
முடிந்ததும், கட்டளை வரியிலிருந்து வழங்கப்பட்ட பல்வேறு கட்டளைகளை நீங்கள் இயக்க முடியும்.
எங்கள் 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-அடிப்படையிலான கோப்புகள், வார்ப்புருக்கள் மற்றும் பல. அதை எப்படி தொடங்குவது என்பது இங்கே:
- ஜெகில் (தளத்தை உருவாக்குபவர்) மற்றும் பிற ரூபி சார்புகளை நிறுவ மேலே உள்ள கருவி அமைப்பை இயக்கவும்
bundle install
. - ரூட்
/bootstrap
கோப்பகத்திலிருந்து,npm run docs-serve
கட்டளை வரியில் இயக்கவும். - உங்கள் உலாவியில் திறக்கவும்
http://localhost:9001
, மற்றும் voilà.
ஜெகில்லைப் பயன்படுத்துவதைப் பற்றி அதன் ஆவணங்களைப் படிப்பதன் மூலம் மேலும் அறியவும் .
சார்புகளை நிறுவுவதில் சிக்கல் ஏற்பட்டால், முந்தைய அனைத்து சார்பு பதிப்புகளையும் (உலகளாவிய மற்றும் உள்ளூர்) நிறுவல் நீக்கவும். பின்னர், மீண்டும் இயக்கவும் npm install
.