வலைபெயர்ப்பு ஃபிரான்டென்ட்¶

ஃபிரான்டெண்ட் தற்போது தொடக்கவார், சேவினாவல் மற்றும் சில மூன்றாம் தரப்பு நூலகங்களைப் பயன்படுத்தி கட்டப்பட்டுள்ளது.

உதவி உலாவிகள்¶

அனைத்து முக்கிய உலாவிகள் மற்றும் தளங்களின் அண்மைக் கால, நிலையான வெளியீடுகளை வலைபெயர்ப்பு ஆதரிக்கிறது.

வெப்கிட், பிளிங்க் அல்லது கெக்கோவின் அண்மைக் கால பதிப்பைப் பயன்படுத்தும் மாற்று உலாவிகள், நேரடியாகவோ அல்லது இயங்குதளத்தின் வலை பார்வை பநிஇ வழியாகவோ வெளிப்படையாக ஆதரிக்கப்படவில்லை. இருப்பினும், வலைபெயர்ப்பு (பெரும்பாலான சந்தர்ப்பங்களில்) இந்த உலாவிகளிலும் சரியாக செயல்பட வேண்டும்.

பழைய உலாவிகள் வேலை செய்யக்கூடும், ஆனால் சில நற்பொருத்தங்கள் குறைவாக இருக்கலாம்.

சார்பு மேலாண்மை¶

சாங்கோ திட்டத்தின் கிளையண்டில் ' 3 வது தரப்பு` நூலகங்களை நிறுவுவதும் நிர்வகிப்பதும் சற்று தந்திரமானதாக இருக்கும். வெப் பேக் ஐப் பயன்படுத்தி வெப்லேட்டின்` கிளையன்ட் பக்கத்தின் 'பயன்படுத்தும் 3 வது தரப்பு நூலகங்களை எவ்வாறு நிறுவுவது மற்றும் நிர்வகிப்பது என்பது குறித்த படிப்படியான வழிகாட்டியை இந்த பிரிவு வழங்குகிறது.

முன்நிபந்தனைகள்¶

ஒரு நிறுவலுடன் தொடர்வதற்கு முன், உங்களிடம் பின்வரும் முன்நிபந்தனைகள் இருப்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்:

`` Nodejs`` பதிப்பு 14 அல்லது அதற்கு மேற்பட்டது.
உங்கள் கணினியில் `` yarn`` தொகுப்பு மேலாளர் நிறுவப்பட்டுள்ளது.
`` சிடி கிளையண்ட்`` ஐ இயக்கவும்.
Run yarn install.

நிறுவல்¶

ஒரு நூலகத்தை நிறுவ, முதலில் பின்வரும் கட்டளையை இயக்கவும்:

yarn add <lib-name>

நூலகத்தை இறக்குமதி செய்தல்¶

பின்னர், நூலகத்தை இறக்குமதி செய்ய இரண்டு வழிகள் உள்ளன:

இது ஒரு திட்ட அளவிலான நூலகமாக இருந்தால் (இது அனைத்து/பெரும்பாலான பக்கங்களிலும் பயன்படுத்தப்படுகிறது/தேவைப்படுகிறது):
- நூலகத்தை `` src/main.js`` இல் இறக்குமதி செய்யுங்கள்.
- உலகளாவிய நோக்கத்தில் (தேவைப்பட்டால்) அறிவிக்கவும்.
இது பக்க-குறிப்பிட்ட நூலகமாக இருந்தால் (நூலகம் ஒரு குறிப்பிட்ட பக்கம் அல்லது வார்ப்புருவில் பயன்படுத்தப்படுகிறது):
- `` Src/<lib-name> .js`` என்ற புதிய கோப்பை உருவாக்கவும்.
- அதில் நூலகத்தை இறக்குமதி செய்யுங்கள். பின்னர் அதை உலகளவில் அணுகக்கூடிய `` சாளரம்`` பொருளில் செலுத்துங்கள்.
- `` Webpack.config.js``: `` <lib-name>: "src/<lib-name> .js" `` இல் ஒரு உள்ளீட்டைச் சேர்க்கவும்.
- `` Webpack.config.js`` இல் `` mainlicensetransform`` இல் `` விலக்கு ப்ரெஃபிக்ச்` வரிசையில் நூலகப் பெயரைச் சேர்க்கவும்.
- `` Webpack.config.js`` இல் `` செருகுநிரல்கள்` வரிசையில் `` உரிமம் பிளூசின்` இல் `` கூடுதல் ஃபைல்கள்` இல் உரிமக் கோப்பு பெயரைச் சேர்க்கவும்.
- Create a <lib-name>LicenseTransfrom function for the license file introduced in the previous steps and use it.
குறிப்பு: 3 வது தரப்பு நூலகத்தின் உண்மையான பெயருடன் `` <lib-name> `` ஐ மாற்றவும்.

நூலகத்தை உருவாக்குதல்¶

பின்வரும் கட்டளையை இயக்குவதன் மூலம் திட்டத்தால் பயன்படுத்தப்படும் நூலகங்களை உருவாக்குங்கள்:

yarn build

நூலகம் உட்பட¶

இப்போது நூலகம் கட்டப்பட்டு பயன்படுத்த தயாராக உள்ளது. இதைச் சேர்க்க இந்த படிகளைப் பின்பற்றவும்:

நூலகம் `` src/main.js`` இல் இறக்குமதி செய்யப்பட்டால், மேலும் நடவடிக்கைகள் எதுவும் தேவையில்லை (இது ஏற்கனவே `` Base.html`` இல் சேர்க்கப்பட்டுள்ளது).
நூலகம் அதன் குறிப்பிட்ட கோப்பில் `` src/<lib-name> .js`` இல் இறக்குமதி செய்யப்பட்டால், `` வெப்ளேட்/வார்ப்புருக்கள்`` இல் கட்டமைக்கப்பட்ட நிலையான சாவாச்கிரிப்ட் கோப்புடன் இணைக்க குறிச்சொற்களைப் பயன்படுத்தவும்:

{% load static %}
<script src="{% static 'js/vendor/<lib-name>.js' %}"></script>

குறியீட்டு நடை¶

சாவாச்கிரிப்ட் மற்றும் சிஎச்எச் குறியீட்டை வடிவமைத்து மகிழ்விப்பதற்காக வலைபெயர்ப்பு பயோம் ஐ நம்பியுள்ளது.

உள்ளகமாக்கல்¶

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

document.write(gettext('this is to be translated'));

var object_count = 1 // or 0, or 2, or 3, ...
s = ngettext('literal for the singular case',
        'literal for the plural case', object_count);

fmts = ngettext('There is %s object. Remaining: %s',
        'There are %s objects. Remaining: %s', 11);
s = interpolate(fmts, [11, 20]);
// s is 'There are 11 objects. Remaining: 20'

சின்னங்கள்¶

வலைபெயர்ப்பு தற்போது பொருள் வடிவமைப்பு சின்னங்களைப் பயன்படுத்துகிறது. நீங்கள் புதிய சின்னத்தைத் தேடுகிறீர்களானால், பொருள் வடிவமைப்பு ஐகான்கள் அல்லது` பொருள் வடிவமைப்பு வளங்கள்`_ ஐ சரிபார்க்கவும்.

Additionally, there is scripts/optimize-svg to reduce size of the SVG as most of the icons are embedded inside the HTML to allow styling of the paths.