Rspress 2.0 வெளியீடு: அனுபவம் மற்றும் AI க்கான புதிய மேம்பாடு

நாங்கள் Rspress 2.0 இன் அதிகாரப்பூர்வ வெளியீட்டை அறிவிக்க மகிழ்ச்சியடைகிறோம்!

Rspress என்பது Rsbuild அடிப்படையிலான நிலையான தள உருவாக்கி ஆகும், இது டெவலப்பர்களுக்காக வடிவமைக்கப்பட்ட ஆவண தள கருவியாகும். 2023 இல் அதிகாரப்பூர்வமாக வெளியிடப்பட்டதிலிருந்து, Rspress 1.x மொத்தம் 144 பதிப்புகள் மாறுபட்டுள்ளது, 125 பேர் பங்களிப்பாளர்கள் திட்ட வளர்ச்சியில் ஈடுபட்டுள்ளனர். அதிகமான டெவலப்பர்கள் Rspress ஐ தேர்ந்தெடுக்கிறார்கள், அதன் சிறந்த தொகுப்பு செயல்திறன், ஒப்பந்த அடிப்படையிலான வழிமுறைகள் மற்றும் கூறுகள் நூலக முன்னோட்டம் போன்ற அம்சங்களை பயன்படுத்தி அழகான மற்றும் நம்பகமான ஆவண தளங்களை உருவாக்குகின்றனர்.

சமூகத்தின் கருத்துகள் மற்றும் பரிந்துரைகளை அடிப்படையாகக் கொண்டு, Rspress 2.0 இல் தீம் அழகியல், AI-native, ஆவண வளர்ச்சி அனுபவம், Rslib உடன் பயன்படுத்துதல் போன்ற அம்சங்களில் மேலும் முன்னேற்றம் ஏற்பட்டுள்ளது.

ஏன் Rspress 2.0

Rspress 1.x ஆவண தள கட்டமைப்பின் தொகுப்பு செயல்திறனைப் பற்றிய பிரச்சினைகளை தீர்த்துள்ளது, ஆனால் ஆவண வளர்ச்சி கருவியாக உள்ள மைய அனுபவத்தை பாதிக்கும் சில பிரச்சினைகள் இன்னும் உள்ளன. 2.0 பதிப்பு தொகுப்பு செயல்திறனை மட்டுமல்லாமல், ஆவண தள அனுபவத்தின் பிற அம்சங்களை மையமாகக் கொண்டு உள்ளது:

• தீம் பாணி: ஒரு அழகான இயல்புநிலை தீம் மற்றும் பல்வேறு தனிப்பயனாக்கும் தீம் முறைகளை வழங்குகிறது, 1.x இல் தீம் தனிப்பயனாக்கத்தில் நிலையான API இன் குறைபாடுகளை தீர்க்கிறது.
• AI-native: ஆவணங்கள் மனித வாசகர்களுக்கு மட்டுமல்ல, ஏஜென்ட்களுக்கு மேலும் சிறந்த முறையில் புரிந்துகொள்ளவும் பயன்படுத்தவும் தேவை. Rspress இப்போது llms.txt உருவாக்குதல் மற்றும் SSG இல் இருந்து உருவாக்கப்பட்ட SSG-MD செயல்பாட்டைப் உள்ளடக்கியது, ஏஜென்ட் வாசிக்க உயர்தர Markdown உருவாக்கும் உள்ளடக்கத்தை உருவாக்குகிறது.
• தேவைப்படி தொகுப்பு, உடனடி தொடக்கம்: இயல்பாக lazyCompilation ஐ இயக்குகிறது, குறிப்பிட்ட வழிமுறைகளை அணுகும் போது தேவையான கோப்புகளை மட்டுமே கட்டமைக்கிறது, திட்ட அளவுக்கு எந்த அளவுக்கு இருந்தாலும், dev ஐ உடனடி தொடங்க செய்ய முடியும்.
• Shiki குறியீட்டு ஒளி: இயல்பாக Shiki ஐ ஒருங்கிணைக்கிறது, கட்டுமானத்தின் போது இலக்கணம் ஒளி செய்யும், தீம் மாறுதல், transformer விரிவாக்கங்களை ஆதரிக்கிறது, உதாரணமாக @rspress/plugin-twoslash, மேலும் செழுமையான குறியீட்டு தொகுப்புகளை வழங்குகிறது.
• ஆவண வளர்ச்சி அனுபவம்: nav.json, meta.json போன்ற கோப்புகளின் HMR ஐ மேம்படுத்துகிறது மற்றும் IDE இல் குறியீட்டு குறிப்புகளுக்கான புதிய json schema ஐ சேர்க்கிறது; இயல்பாக இறந்த இணைப்பு சோதனை செயல்பாட்டை இயக்குகிறது; வெளிப்புற கோப்புகளை மேற்கோள் காட்ட ஆதரிக்கும் புதிய கோப்பு குறியீட்டு தொகுப்பு இலக்கணம்; @rspress/plugin-preview மற்றும் @rspress/plugin-playground ஒரே நேரத்தில் பயன்படுத்த ஆதரிக்கின்றன.
• Rslib ஒருங்கிணைப்பு: இப்போது create-rslib ஐப் பயன்படுத்தி கூறுகள் நூலக திட்டங்களை உருவாக்கும் போது, ஆவண கருவியாக Rspress ஐ தேர்ந்தெடுக்கலாம், கூறுகள் ஆவண தளங்களை விரைவாக உருவாக்கலாம்.

2.0 புதிய அம்சங்கள்

புதிய தீம்

2.0 இயல்புநிலை தீம் ஒரு மொத்த மேம்பாட்டைப் பெற்றுள்ளது, இது குழுவின் வடிவமைப்பாளர் @Zovn Wei மூலம் வடிவமைக்கப்பட்டுள்ளது, இது கண்ணோட்ட மற்றும் வாசிப்பு அனுபவத்தில் பெரிய அளவிலான மேம்பாட்டைக் கொண்டுள்ளது, மேலும் ஒவ்வொரு கூறும் தனித்தனியாக மாற்றப்படலாம், மிகவும் தனிப்பயனாக்கக்கூடியதாக உள்ளது.

தீம் தனிப்பயனாக்கம்

தனிப்பயனாக்கத்தின் அளவுக்கேற்ப குறைந்தது முதல் உயர்வாக, CSS மாறிகள், BEM வகை பெயர்கள், ESM மறுபரிசீலனை覆蓋, கூறுகள் eject ஆகிய நான்கு தனிப்பயனாக்கும் தீம் முறைகள் உள்ளன.- CSS மாறிகள்: புதிய தீம் மேலும் CSS மாறிகளை வெளிப்படுத்துகிறது, தீம் நிறம், குறியீட்டு தொகுப்புகள், முகப்பு போன்ற ஸ்டைல்களை覆蓋 செய்கிறது. நீங்கள் CSS மாறிகள் பக்கத்தில் இடைமுகமாக அனைத்து CSS மாறிகளை முன்னோட்டம் பார்க்கவும் மற்றும் சரிசெய்யவும் முடியும், நீங்கள் திருப்தியாக உள்ள அமைப்புகளை நேரடியாக திட்டத்தில் பயன்படுத்த காப்பி செய்யலாம்.

• BEM வகுப்புப் பெயர்கள்: உள்ளமைக்கப்பட்ட கூறுகள் இப்போது BEM பெய naming முறைமையைப் பயன்படுத்துகின்றன. இது மிகவும் பழைய பள்ளியின் தேர்வு, ஆனால் இது எங்கள் ஆழமான யோசனையின் முடிவும் ஆகும். பயனர் CSS தேர்வாளர்களைப் பயன்படுத்தி ஸ்டைலை துல்லியமாக சரிசெய்யலாம், HTML அமைப்பு மேலும் தெளிவாக உள்ளது.
• ESM மறுபரிமாற்ற覆蓋: CSS இல் உள்ள மாற்றங்கள் தனிப்பயன் தேவைகளை பூர்த்தி செய்ய முடியாவிட்டால், JS மூலம் மேலும் ஆழமான தனிப்பயனாக்கத்தைச் செய்யலாம். theme/index.tsx இல் ESM மறுபரிமாற்றத்தைப் பயன்படுத்தி, Rspress இன் உள்ளமைக்கப்பட்ட கூறுகளை 覆蓋 செய்யலாம்.
• கூறுகள் eject: நீங்கள் புதிய rspress eject [component] கட்டளை பயன்படுத்தலாம், இந்த கட்டளை குறிப்பிட்ட கூறின் மூலக் குறியீட்டை theme/components/ அடைவிற்கு நகலெடுக்கிறது, நீங்கள் இந்த குறியீடுகளை சுதந்திரமாக மாற்றலாம், அல்லது நேரடியாக AI க்கு மாற்றவும், ஆழமான தனிப்பயனாக்கத்தை அடைய.

வழிசெலுத்தல் பட்டை, பக்கம் பட்டை tag

Rspress 2.0 Tag கூறை செயல்படுத்தியுள்ளது, இப்போது frontmatter இல் உள்ள tag பண்பை பயன்படுத்தி, பக்கம் பட்டை அல்லது வழிசெலுத்தல் பட்டையில் UI குறிச்சொற்களைச் செய்யலாம்.

உள்ளமைக்கப்பட்ட பல மொழி ஆதரவு

1.x பதிப்பில், Rspress வெறும் ஆங்கில உரையை உள்ளமைக்கிறது, மற்ற மொழிகளைப் பயன்படுத்தினால், உதாரணமாக zh, அனைத்து உரைகளைச் சரிசெய்ய வேண்டும், பயன்படுத்துவதில் சிக்கலானது. இப்போது 2.0 தீம் zh, en, ja, ko, ru போன்ற பல மொழிகளின் மொழிபெயர்ப்பு உரைகளை உள்ளமைக்கிறது, முறைமை மொழி அமைப்பின் அடிப்படையில் தானாகவே "Tree Shaking" ஐச் செய்யும், நீங்கள் பயன்படுத்தும் உரை மற்றும் மொழிகளை மட்டுமே தொகுப்பில் சேர்க்கும்.

llms.txt ஆதரவு

Rspress இப்போது llms.txt உருவாக்கும் திறனை core இல் ஒருங்கிணைத்துள்ளது, மற்றும் புதிய SSG-MD (Static Site Generation to Markdown, நிலையான தளம் Markdown உருவாக்கம்) திறனை செயல்படுத்தியுள்ளது.

React அடிப்படையிலான இயக்கவியல் உருவாக்கத்தில், நிலையான தகவல்களைப் பெறுவது சிரமமாக இருக்கும், Rspress இலும் அதே சவால்களை எதிர்கொள்கிறது. Rspress பயனர்களுக்கு MDX துண்டுகள், React கூறுகள், Hooks மற்றும் TSX வழிமுறைகள் போன்ற இயக்கவியல் அம்சங்களைப் பயன்படுத்தி ஆவணத்தின் வெளிப்பாட்டை மேம்படுத்த அனுமதிக்கிறது. ஆனால் இந்த இயக்கவியல் உள்ளடக்கம் Markdown உரைக்கு மாற்றும் போது கீழ்காணும் பிரச்சினைகளை எதிர்கொள்கிறது:

• MDX ஐ AI க்கு நேரடியாக வழங்குவது பல குறியீட்டு இலக்கண சத்தத்தை உள்ளடக்குகிறது, மற்றும் React கூறின் உள்ளடக்கம் இழக்கப்படுகிறது
• HTML ஐ Markdown ஆக மாற்றுவது பொதுவாக நல்ல விளைவுகளை வழங்காது, தகவல் தரம் உறுதி செய்ய முடியாது

இந்த பிரச்சினையைத் தீர்க்க, Rspress 2.0 SSG-MD அம்சத்தை அறிமுகப்படுத்துகிறது. இது ஒரு புதிய செயல்பாடு, இது நிலையான தளம் உருவாக்கத்திற்கு (SSG) ஒத்ததாக இருக்கிறது, ஆனால் வேறுபாடு உங்கள் பக்கத்தை HTML கோப்பாக அல்ல, Markdown கோப்பாக உருவாக்குகிறது, மற்றும் llms.txt மற்றும் llms-full.txt தொடர்பான கோப்புகளை உருவாக்குகிறது.

Shiki தொகுப்பு காலத்தில் குறியீட்டு தொகுப்புகள் ஒளிRspress 2.0 இயல்பாக Shiki ஐ குறியீட்டு ஒளிப்படமாக பயன்படுத்துகிறது. 1.x இல் உள்ள prism இயக்க நேர ஒளிப்பட திட்டத்தை ஒப்பிடுகையில், Shiki கட்டமைப்பின் போது ஒளிப்பட செயலாக்கத்தை முடிக்கிறது.

- பல்வேறு தீம் பாணிகளை ஆதரிக்கிறது, உதாரணமாக CSS மாறிகள் பக்கத்தில் நீங்கள் பரிமாறி மற்றும் முன்னோட்டம் செய்யலாம்.
- Shiki தனிப்பயனாக்கப்பட்ட transformer ஐப் பயன்படுத்துவதற்கு அனுமதிக்கிறது, எழுத்தை வளமாக்க உதவுகிறது, உதாரணமாக twoslash போன்றவை.
- தேவைக்கேற்ப நிரலாக்க மொழிகளை உள்ளீடு செய்கிறது, இயக்க நேர செலவுகள் மற்றும் தொகுப்பு அளவுகளை அதிகரிக்காது.
- TextMate இலக்கணத்தை அடிப்படையாகக் கொண்டு VS Code உடன் ஒத்த சரியான இலக்கண ஒளிப்படத்தை வழங்குகிறது.

### கட்டமைப்பு செயல்திறன் மேம்பாடு

Rspress 2.0 அடிப்படையில் Rsbuild மற்றும் Rspack 2.0 முன்னணி பதிப்பு இயக்கப்படுகிறது, மேலும் இயல்பாக தேவைக்கேற்ப கட்டமைப்பு மற்றும் நிலையான காசோலை திறக்கப்பட்டுள்ளது.

#### தேவைக்கேற்ப கட்டமைப்பு

இயல்பாக dev.lazyCompilation திறக்கப்பட்டுள்ளது, நீங்கள் ஒரு பக்கம் அணுகும் போது மட்டுமே அந்த பக்கம் கட்டமைக்கப்படும், இது வளர்ச்சி தொடக்க வேகத்தை பெரிதும் மேம்படுத்துகிறது, கூடுதலாக மில்லி விநாடி அளவிலான குளிர் தொடக்கத்தை அடைய முடிகிறது. Rspress வழிமுறையின் preload உத்தியை செயல்படுத்துகிறது, நீங்கள் இணைப்பில் மவுஸ் வைத்தால், இலக்கு வழிமுறை பக்கம் முன்கூட்டியே ஏற்றப்படும், lazyCompilation உடன் இணைந்து இழப்பில்லா வளர்ச்சி அனுபவத்தை வழங்குகிறது.



#### நிலையான காசோலை

2.0 இயல்பாக நிலையான காசோலை திறக்கப்பட்டுள்ளது, இது வெப்ப தொடக்கத்தில் முந்தைய கட்டமைப்பின் முடிவுகளை மறுசுழற்சி செய்கிறது, 30%-60% கட்டமைப்பு வேகத்தை மேம்படுத்துகிறது. இதன் பொருள், rspress dev அல்லது rspress build ஐ முதலில் இயக்கிய பிறகு, பின்னணி தொடக்க வேகம் குறிப்பிடத்தக்க அளவுக்கு மேம்படும்.

### ஆவண வளர்ச்சி அனுபவம்

#### இயல்பாக இறந்த இணைப்பு சோதனை திறக்கப்பட்டுள்ளது

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



#### கோப்பு குறியீட்டு தொகுப்புகள்

நீங்கள் file="./path/to/file" பண்பை பயன்படுத்தி வெளிப்புற கோப்புகளை குறியீட்டு தொகுப்பின் உள்ளடக்கமாக மேற்கோள் காட்டலாம், எடுத்துக்காட்டு குறியீட்டை தனித்த கோப்பில் பராமரிக்கலாம்.

#### preview மேலும் நெகிழ்வான meta பயன்பாடு

@rspress/plugin-preview இப்போது meta பண்பை அடிப்படையாகக் கொண்டு பயன்படுத்தப்படுகிறது, மேலும் இது மேலும் நெகிழ்வானது, கோப்பு குறியீட்டு தொகுப்புகளுடன் இணைக்கவும் முடியும்.



### Rslib & Rspress

create-rslib ஐப் பயன்படுத்தி திட்டத்தை உருவாக்கும் போது, நீங்கள் இப்போது Rspress கருவியை தேர்ந்தெடுக்கலாம். இது உங்களுக்கு கூறுகள் நூலகத்தை உருவாக்கும் போது, உடனடி ஆவண தளத்தை விரைவாக அமைக்க உதவுகிறது, கூறுகளின் பயன்பாட்டு விளக்கங்களை எழுத, API குறிப்புகளை காட்சிப்படுத்த, அல்லது கூறுகளின் விளைவுகளை நேரடியாக முன்னோட்டம் செய்ய.

### மேலும் Rspress அதிகாரப்பூர்வ பிளக்குகள்

Rspress 2.0 புதிய பல அதிகாரப்பூர்வ பிளக்குகளை சேர்த்துள்ளது:

- @rspress/plugin-algolia: Rspress இன் உள்ளமைவு தேடலை Algolia DocSearch ஆக மாற்ற ஆதரிக்கிறது
- @rspress/plugin-twoslash: TypeScript குறியீட்டு தொகுப்புக்கு வகை குறிப்பு சேர்க்கிறது
- @rspress/plugin-llms: SSG மற்றும் SSG-MD ஐ ஆதரிக்காத திட்டங்களுக்கு llms.txt உருவாக்கும் திறனை வழங்குகிறது
- @rspress/plugin-sitemap: SEO ஐ மேம்படுத்துவதற்காக Sitemap கோப்புகளை தானாக உருவாக்குகிறது

## உடைந்த மாற்றங்கள்

### Rspress 1.x இல் இருந்து இடமாற்றம்

நீங்கள் 1.x திட்டத்தின் பயனர் என்றால், 1.x ஐ 2.0 க்கு மேம்படுத்த உதவுவதற்காக நாங்கள் விரிவான இடமாற்ற ஆவணத்தை தயார் செய்துள்ளோம். நீங்கள் பக்கத்தில் உள்ள "Markdown ஐ நகலெடுக்கவும்" செயல்பாட்டைப் பயன்படுத்தி, அதை உங்கள் அடிக்கடி பயன்படுத்தும் குறியீட்டு முகவரிக்கு (உதாரணமாக Claude Code போன்றவை) உள்ளீடு செய்து இடமாற்றத்தை முடிக்கலாம்.### Node.js 与上游依赖版本要求

Rspress 2.0 要求 Node.js 版本 20+，React 版本 18+。

下一步

Rspress 2.0 的发布只是一个新的起点。本次发布后，Rspress 将持续迭代：

• 推进生态集成：与 Rslib、Rstest 更深度地结合，提供前端项目和组件库项目的一体化开发体验。
• 探索 AI 与文档更深度集成：如智能问答、自动摘要等；完善 SSG-MD 使其稳定并更加易用。

立即使用或升级到 Rspress 2.0，体验全新的文档开发之旅！

npm create rspress@latest