본문으둜 κ±΄λ„ˆλ›°κΈ°
버전: 2.2.0

πŸ“¦ plugin-debug

The debug plugin will display useful debug information at http://localhost:3000/__docusaurus/debug.

.docusaurus λ””λ ‰ν„°λ¦¬μ˜ μ½˜ν…μΈ (경둜 λ§Œλ“€κΈ° 같은)λ₯Ό μ‰½κ²Œ 검사할 수 μžˆμ„ 뿐 μ•„λ‹ˆλΌ contentLoaded 수λͺ… μ£ΌκΈ°λ₯Ό 톡해 ν”ŒλŸ¬κ·ΈμΈ 데이터가 λ‘œλ“œλ˜λŠ” κ²ƒμ²˜λŸΌ λ””μŠ€ν¬μ— 쓰지 μ•ŠλŠ” 데이터 ꡬ쑰λ₯Ό 검사해야 ν•  λ•Œ ν”ŒλŸ¬κ·ΈμΈ κ°œλ°œμžμ—κ²Œ μœ μš©ν•œ κΈ°λŠ₯μž…λ‹ˆλ‹€.

정보

classic 프리셋 섀정을 톡해 ν”ŒλŸ¬κ·ΈμΈμ„ μ‚¬μš©ν•œλ‹€λ©΄ 프리셋 κΈ°λ³Έ 섀정은 κ°œλ°œμ€‘μ—λŠ” ν”ŒλŸ¬κ·ΈμΈμ„ ν™œμ„±ν™”ν•˜κ³  μ œν’ˆ λΉŒλ“œ μ‹œμ—λŠ” λΉ„ν™œμ„±ν™”(debug: undefined)ν•΄μ„œ 잠재적으둜 λ―Όκ°ν•œ 정보 λ…ΈμΆœμ„ ν”Όν•©λ‹ˆλ‹€. debug: true둜 μ„€μ •ν•΄ 항상 ν™œμ„±ν™”ν•˜κ±°λ‚˜ debug: false둜 μ„€μ •ν•΄ 항상 λΉ„ν™œμ„±ν™”ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

독립 μ‹€ν–‰ν˜• ν”ŒλŸ¬κ·ΈμΈμ„ μ‚¬μš©ν•˜λŠ” κ²½μš°μ—λŠ” ν™˜κ²½ μ„€μ • 확인 ν›„ 같은 효과λ₯Ό 얻을 수 μžˆμŠ΅λ‹ˆλ‹€.

docusaurus.config.js
module.exports = {
plugins: [
process.env.NODE_ENV === 'production' && '@docusaurus/plugin-debug',
].filter(Boolean),
};
λ…ΈνŠΈ

버그λ₯Ό λ°œκ²¬ν•˜κ³  λ“±λ‘ν•˜λ €λŠ” 경우 ν•΄λ‹Ή ν”ŒλŸ¬κ·ΈμΈμ„ ν™œμ„±ν™”ν•˜λŠ” 것을 ꢌμž₯ν•  κ²λ‹ˆλ‹€. ν•΄λ‹Ή ν”ŒλŸ¬κ·ΈμΈμ„ μ‚¬μš©ν•˜λ©΄ μ—¬λŸ¬λΆ„μ˜ 배포 섀정을 μ’€ 더 μ‰½κ²Œ 검사할 수 μžˆμŠ΅λ‹ˆλ‹€.

λ―Όκ°ν•œ 정보λ₯Ό 가지고 μžˆμ§€ μ•Šλ‹€λ©΄ μ œν’ˆ 배포 μ‹œμ— λ„νμ‚¬μš°λ£¨μŠ€μ²˜λŸΌ μ„€μ •ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

μ„€μΉ˜β€‹

npm install --save @docusaurus/plugin-debug
팁

@docusaurus/preset-classic을 μ„€μΉ˜ν•œ κ²½μš°μ—λŠ” ν”ŒλŸ¬κ·ΈμΈμ„ λ”°λ‘œ μ„€μΉ˜ν•  ν•„μš”λŠ” μ—†μŠ΅λ‹ˆλ‹€.

μ—¬λŸ¬λΆ„μ€ 프리셋 μ˜΅μ…˜μ„ μ‚¬μš©ν•΄ ν”ŒλŸ¬κ·ΈμΈμ„ μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

섀정​

ν•΄λ‹Ή ν”ŒλŸ¬κ·ΈμΈμ€ ν˜„μž¬ μ˜΅μ…˜μ„ 가지고 μžˆμ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

μ„€μ • μ˜ˆμ‹œβ€‹

프리셋 μ˜΅μ…˜μ΄λ‚˜ ν”ŒλŸ¬κ·ΈμΈ μ˜΅μ…˜μ—μ„œ ν”ŒλŸ¬κ·ΈμΈμ„ μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

팁

λŒ€λΆ€λΆ„μ˜ λ„νμ‚¬μš°λ£¨μŠ€ μ‚¬μš©μžλŠ” 프리셋 μ˜΅μ…˜μ„ μ‚¬μš©ν•΄ ν”ŒλŸ¬κ·ΈμΈμ„ μ„€μ •ν•©λ‹ˆλ‹€.

프리셋을 μ‚¬μš©ν•˜λŠ” 경우 프리셋 μ˜΅μ…˜μ„ 톡해 ν”ŒλŸ¬κ·ΈμΈμ„ μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

docusaurus.config.js
module.exports = {
presets: [
[
'@docusaurus/preset-classic',
{
debug: true, // This will enable the plugin in production
},
],
],
};