Razzle: 파일 λ‘œλ” μ œμ™Έ κ·œμΉ™μ„ μˆ˜μ •ν•˜λŠ” κ°€μž₯ 쒋은 방법은 λ¬΄μ—‡μž…λ‹ˆκΉŒ?

에 λ§Œλ“  2017λ…„ 12μ›” 19일  Β·  4μ½”λ©˜νŠΈ  Β·  좜처: jaredpalmer/razzle

SVGλ₯Ό 파일 λ‘œλ” μ œμ™Έ λͺ©λ‘μ— μΆ”κ°€ν•˜μ—¬ μ‚¬μš©μž μ •μ˜ λ‘œλ”λ₯Ό μ‚¬μš©ν•  수 μžˆλ„λ‘ ν•˜κ³  μ‹ΆμŠ΅λ‹ˆλ‹€. ν˜„μž¬ λ‚΄κ°€ν•˜κ³  μžˆμ–΄μš” appConfig.module.rules[2].exclude.push(/\.svg$/); λ‚΄μ—μ„œ razzle.config.js λΉ„νŠΈ 해킀이 λΆ„λͺ…ν•˜μ§€λ§Œ! 더 쒋은 방법이 μžˆμŠ΅λ‹ˆκΉŒ?

https://github.com/jaredpalmer/razzle/blob/9a3939ac880ac6d655aa275659d3cbaae41180e4/packages/razzle/config/createConfig.js#L86

stale

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

λ‚˜λ„ 방금이 λ¬Έμ œκ°€μžˆμ—ˆμŠ΅λ‹ˆλ‹€. λˆ„κ΅°κ°€ μ—¬μ „νžˆ 이것을 ν•„μš”λ‘œν•œλ‹€λ©΄ 곡식 ν”ŒλŸ¬κ·ΈμΈμ€ λ‹€μŒκ³Ό 같은 λ°©μ‹μœΌλ‘œμ΄λ₯Ό μˆ˜ν–‰ν•˜λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€.

const makeLoaderFinder = require('razzle-dev-utils/makeLoaderFinder');

config.module.rules[
    config.module.rules.findIndex(makeLoaderFinder('file-loader'))
].exclude.push(/\.graphql$/);

@jaredpalmer λͺ¨λ“  μ•Œ 수 μ—†λŠ” 파일이 파일 λ‘œλ”μ— μ˜ν•΄ μžλ™μœΌλ‘œ ν¬μ°©λœλ‹€λŠ” 사싀이 μƒλ‹Ήνžˆ ν˜Όλž€μŠ€λŸ¬μšΈ 수 있기 λ•Œλ¬Έμ— 이것을 λˆˆμ— λ³΄μ΄λŠ” μ–΄λ”˜κ°€μ— λ¬Έμ„œν™”ν•˜λŠ” 것이 맀우 합리적이라고 μƒκ°ν•©λ‹ˆλ‹€. μ–΄λ–»κ²Œ μƒκ°ν•˜λ‚˜μš”?

λͺ¨λ“  4 λŒ“κΈ€

file-loader 의 κΈ°λ³Έ exclude λͺ©λ‘μ— ν¬ν•¨λ˜μ§€ μ•ŠλŠ” μƒˆ λ‘œλ”λ₯Ό λ„μž…ν•˜λ €λŠ” μœ μ‚¬ν•œ λ¬Έμ œκ°€ λ°œμƒν–ˆμŠ΅λ‹ˆλ‹€.

λ‚˜λŠ” 맨 μ•„λž˜μ— λ‘œλ”λ₯Ό μΆ”κ°€ν•˜λ €κ³  μ‹œλ„ν–ˆμ§€λ§Œ _(Webpack이 μš°μ„  μˆœμœ„κ°€ μž‘λ™ν•œλ‹€κ³  λ§ν•˜λŠ” λ°©μ‹μž…λ‹ˆλ‹€)_ μ—¬μ „νžˆ file-loader ν†΅κ³Όν•˜λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€. @superfunkminister 와 λ™μΌν•œ 방법을 μ‚¬μš©ν•˜μ—¬ μ œμ™Έ λͺ©λ‘μ— 파일 ν™•μž₯자λ₯Ό μΆ”κ°€ν•˜λ©΄ λ¬Έμ œκ°€ ν•΄κ²°λ˜κ³  λ‚΄ λ‘œλ”κ°€ μ˜ˆμƒλŒ€λ‘œ μž‘λ™ν•©λ‹ˆλ‹€.

λ˜ν•œ config.module.rules λ°°μ—΄μ—μ„œ λ‘œλ”μ˜ μœ„μΉ˜λ₯Ό β€‹β€‹κ°€μ •ν•˜μ§€ μ•Šκ³  exclude λͺ©λ‘μ„ μˆ˜μ •ν•˜λŠ” 방법을 μ›ν•©λ‹ˆλ‹€.

λ‚˜λ„ 방금이 λ¬Έμ œκ°€μžˆμ—ˆμŠ΅λ‹ˆλ‹€. λˆ„κ΅°κ°€ μ—¬μ „νžˆ 이것을 ν•„μš”λ‘œν•œλ‹€λ©΄ 곡식 ν”ŒλŸ¬κ·ΈμΈμ€ λ‹€μŒκ³Ό 같은 λ°©μ‹μœΌλ‘œμ΄λ₯Ό μˆ˜ν–‰ν•˜λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€.

const makeLoaderFinder = require('razzle-dev-utils/makeLoaderFinder');

config.module.rules[
    config.module.rules.findIndex(makeLoaderFinder('file-loader'))
].exclude.push(/\.graphql$/);

@jaredpalmer λͺ¨λ“  μ•Œ 수 μ—†λŠ” 파일이 파일 λ‘œλ”μ— μ˜ν•΄ μžλ™μœΌλ‘œ ν¬μ°©λœλ‹€λŠ” 사싀이 μƒλ‹Ήνžˆ ν˜Όλž€μŠ€λŸ¬μšΈ 수 있기 λ•Œλ¬Έμ— 이것을 λˆˆμ— λ³΄μ΄λŠ” μ–΄λ”˜κ°€μ— λ¬Έμ„œν™”ν•˜λŠ” 것이 맀우 합리적이라고 μƒκ°ν•©λ‹ˆλ‹€. μ–΄λ–»κ²Œ μƒκ°ν•˜λ‚˜μš”?

헐! κ·Έλž˜μ„œ μ—¬κΈ° μ˜€ν”ˆ μ†ŒμŠ€μ™€ 일상 업무 및 μ‚Ά μ‚¬μ΄μ˜ κ±°λž˜κ°€ μžˆμŠ΅λ‹ˆλ‹€. μ €λŠ” 관리해야 ν•  것이 많기 λ•Œλ¬Έμ— GitHub 봇을 μ‚¬μš©ν•˜μ—¬ μ—¬κΈ°μ €κΈ°μ„œ λͺ‡ 가지λ₯Ό μžλ™ν™”ν•©λ‹ˆλ‹€. 이 νŠΉμ • GitHub 봇은 졜근 ν™œλ™μ΄ ν•œλ™μ•ˆ μ—†μ—ˆκΈ° λ•Œλ¬Έμ— 이것을 λΆ€μ‹€ν•œ κ²ƒμœΌλ‘œ ν‘œμ‹œν•  κ²ƒμž…λ‹ˆλ‹€. λ©°μΉ  λ™μ•ˆ 더 이상 ν™œλ™μ΄ μ—†μœΌλ©΄ νμ‡„λ©λ‹ˆλ‹€. 이 μž‘μ—…μ„ 개인적으둜 μ‹¬κ°ν•˜κ²Œ 받아듀이지 λ§ˆμ‹­μ‹œμ˜€. 이것은 μ™„μ „νžˆ μžλ™ν™”λœ μž‘μ—…μž…λ‹ˆλ‹€. 이것이 μ‹€μˆ˜λΌλ©΄ λŒ“κΈ€, DM, 캐리어 λΉ„λ‘˜κΈ° λ˜λŠ” μ—°κΈ° μ‹ ν˜Έλ₯Ό λ³΄λ‚΄μ£Όμ‹­μ‹œμ˜€.

λΉ„ν™œμ„± μƒνƒœλ‘œ 인해 ProBot이 이λ₯Ό μžλ™μœΌλ‘œ λ‹«μ•˜μŠ΅λ‹ˆλ‹€. 이것이 μ‹€μˆ˜λΌλ©΄ Holler, 그리고 μš°λ¦¬λŠ” 그것을 λ‹€μ‹œ μ—΄ κ²ƒμž…λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰