உள்ளடக்கம்
கிரண்ட் போன்ற ஜாவாஸ்கிரிப்ட் பணி ரன்னர்கள் முன்-இறுதி டெவலப்பர்களிடையே மிகவும் பிரபலமாகிவிட்டன. ஏனென்றால், நம் வேலைகளில் நாம் அனைவரும் செய்ய விரும்பும் ஒரு காரியத்தைச் செய்ய அவை உதவுகின்றன - நேரத்தை மிச்சப்படுத்துங்கள்!
ஆனால் 5,000 க்கும் மேற்பட்ட (மற்றும் எண்ணும்) கிரண்ட் செருகுநிரல்கள் இப்போது கிடைத்துள்ளதால், டெவலப்பர்கள் அந்த ‘வைரங்களை தோராயமாக’ கண்டுபிடிப்பது கடினம். நீங்கள் பயன்படுத்த வேண்டிய கிரண்ட் செருகுநிரல்களின் சரியான செய்முறையைக் கண்டுபிடிக்க கிரண்டில் சிக்கித் தவிக்கும் நேரத்தை நாங்கள் திரும்பிப் பார்த்தோம்.
01. அக்லிஃபை
ஜாவாஸ்கிரிப்ட் கோப்புகளை குறைப்பதன் நன்மைகள் பற்றி அவர்களின் உப்பு மதிப்புள்ள ஒவ்வொரு முன்-இறுதி டெவலப்பருக்கும் தெரியும், இதுதான் இந்த சொருகி செய்கிறது. அதன் புகழ் இதுதான், இது உண்மையில் கிரண்ட் தொடங்குதல் வழிகாட்டியில் சேர்க்கப்பட்டுள்ளது. பெயர் இருந்தபோதிலும், இந்த சொருகி உங்கள் ஜாவாஸ்கிரிப்ட் குறியீட்டை அழகுபடுத்தவும் பயன்படுத்தப்படலாம் - இது உற்பத்தி பயன்பாட்டிற்கு குறிப்பாக பயனுள்ளதாக இல்லை என்றாலும்.
02. சாஸ்
எந்த CSS முன்-செயலி உண்மையில் சேவையை ஆளுகிறது என்பது பற்றி சில விவாதங்கள் இருக்கலாம், ஆனால் இங்கே ஸ்டிக்கியேஸில், சாஸின் முக்கிய போட்டியாளரான லெஸை விட நாங்கள் சாஸில் குடியேறினோம். இந்த செருகுநிரல் எங்கள் சாஸ் கோப்புகளை எழுத உதவுகிறது மற்றும் அவற்றை தானாக CSS உடன் தொகுக்க முடியும். ஒரு CSS முன் செயலியைப் பயன்படுத்துவதன் சிறப்புகள் தனியாக ஒரு கட்டுரையை உத்தரவாதம் செய்கின்றன, ஆனால் நீங்கள் ஏற்கனவே ஒன்றைப் பயன்படுத்தாவிட்டால், நீங்கள் விருந்துக்கு மிகவும் தாமதமாகிவிட்டீர்கள் என்று சொல்வது பாதுகாப்பானது!
03. சி.எஸ்.எஸ்.எம்
இந்த சொருகி Uglify க்கு சமமான CSS ஆகும். இது குறிப்பிட்ட எந்த CSS கோப்புகளையும் பெற்று அவற்றைக் குறைக்கிறது. நிச்சயமாக நீங்கள் இதை சாஸ் சொருகி இணைந்து பயன்படுத்தப் போகிறீர்கள் என்றால், சாஸ் பணிக்குப் பிறகு இந்த பணி இயங்குவதை உறுதி செய்ய வேண்டும்.
CSSMin க்கு நிறைய மாற்று வழிகள் உள்ளன, அவை உங்கள் CSS கோப்புகளின் அளவையும் சற்று மாறுபட்ட நுட்பங்களைப் பயன்படுத்தி குறைக்கலாம்; CSS நானோ, CSS ரிங், CSS சுருங்குதல் போன்றவை. நீங்கள் அந்த வகை விஷயங்களில் இருந்தால் இந்த எளிமையான அளவுகோலைப் படியுங்கள்.
04. கான்காட்
பெயர் குறிப்பிடுவது போல, இந்த சொருகி பல கோப்புகளை எடுத்து அவற்றை ஒன்றிணைக்கிறது. குறியீட்டைக் குறைப்பதைப் போலவே, கோப்புகளை இணைப்பதும் பக்க சுமை நேரங்களைக் குறைப்பதற்கான ஒரு பழைய பழமையான நடைமுறையாகும்.
ஜாவாஸ்கிரிப்ட் மற்றும் சிஎஸ்எஸ் இரண்டிற்கும் கோப்பு இணைத்தல் எப்போதும் உற்பத்தியில் பயன்படுத்தப்பட வேண்டும். இது பொதுவாக இயக்கப்படும் கடைசி பணியாகும் - CSS முன் செயலாக்க பணி மற்றும் மினிஃபிகேஷன் பணிக்குப் பிறகு. ஒரு குறிப்பிட்ட கோப்பகத்தில் உள்ள எல்லா கோப்புகளையும் ஒன்றிணைக்க இந்த சொருகிக்குச் சொல்வது எளிது, ஆனால் கோப்புகள் ஒன்றிணைக்கப்படும் வரிசையைப் பற்றி எச்சரிக்கையாக இருங்கள் - நீங்கள் ஒரு குறிப்பிட்ட ஆர்டரைக் கொடுக்க வேண்டும் அல்லது கோப்புகளுக்கு பெயரிட வேண்டும், எனவே அவை எப்போதும் நீங்கள் விரும்பும் வரிசையில் இணைகின்றன .
05. இமேஜ்மின்
CSSMin மற்றும் Uglify போன்ற அதே வீணில், ImageMin பக்க சுமை - படக் கோப்பு அளவுக்கான மற்றொரு பழைய சிக்கலைக் கையாளுகிறது. பட ’மினிஃபிகேஷன்’ பொதுவாக தேர்வுமுறைக்கான முதல் போர்ட்-ஆஃப்-அழைப்பு ஆகும், எனவே மொத்த பக்க கோப்பு அளவை முடிந்தவரை குறைக்க இந்த சொருகி அவசியம்.
நீங்கள் JPG, PNG, GIF அல்லது SVG (எப்போதும் அதிகரித்து வரும் பிரபலமான திசையன் பட வடிவம்) உடன் பணிபுரிந்தால், இந்த சொருகி ஒரு விரலை உயர்த்தாமல், உங்கள் படங்களின் கோப்பு அளவுகளில் இழப்பற்ற குறைப்புகளை வழங்கும். உங்கள் திட்டத்தில் உங்களிடம் நிறைய படங்கள் இருந்தால், இந்த பணியை ஒரு கண்காணிப்பு நிகழ்வில் இயக்குவதை விட, நீங்கள் உற்பத்திக்குத் தள்ளும்போது மட்டுமே இந்த பணியை இயக்குவது நல்லது. (அடுத்த புள்ளியைப் பார்க்கவும்).
06. வாட்ச்
இந்த சொருகி உண்மையில் உங்கள் வலைத்தளத்தின் முன் இறுதியில் பாதிக்காது, ஆனால் திறமையான கிரண்ட் செயல்முறையை உருவாக்குவதற்கு இது மிகவும் பயனுள்ளதாக இருக்கும். வாட்ச் நீங்கள் குறிப்பிடும் எந்த கோப்பகங்களையும் வெறுமனே கண்காணிக்கும், மேலும் ஏதாவது மாறினால் அது தானாகவே சில கிரண்ட் பணிகளைத் தூண்டும்.
எனவே, உங்கள் ஜாவாஸ்கிரிப்ட் பணிகளை இயக்க உங்கள் ‘js’ கோப்பகத்தில் ஒரு கண்காணிப்பு நிபந்தனையையும், உங்கள் CSS பணிகளை இயக்க உங்கள் ‘CSS’ கோப்பகத்திலும் அமைக்கலாம். இதன் பொருள் நீங்கள் ஒருபோதும் உங்கள் முக்கிய கிரண்ட் செயல்முறையை கைமுறையாக இயக்க வேண்டியதில்லை! நீங்கள் மாற்றங்களைச் செய்யத் தொடங்குவதற்கு முன்பு கடுமையான கண்காணிப்பு பணியைத் தொடங்கவும், அது கூட இருப்பதை மறந்துவிடலாம்.
சொற்கள்: ஜேமி ஷீல்ட்ஸ்
ஜேமி ஷீல்ட்ஸ் டிஜிட்டல் மார்க்கெட்டிங் நிறுவனமான ஸ்டிக்கியேஸில் ஒரு பின் இறுதியில் டெவலப்பர் ஆவார்.
இது போன்ற? இதை வாசிக்கவும்!
- கிரண்ட் Vs கல்ப்: எந்த ஜாவாஸ்கிரிப்ட் உருவாக்க கருவியை நீங்கள் தேர்வு செய்ய வேண்டும்?
- உங்கள் கிரண்ட் அமைப்பை மேம்படுத்த 8 வழிகள்
- சிறந்த இலவச வேர்ட்பிரஸ் தீம்கள்