ํ๋ก๋์ ๋น๋๋ฅผ ์ํด SourceMap ์์ฑ์ ๋นํ์ฑํํ๋ ๋ฐฉ๋ฒ์ด ์์ต๋๊น?
CRA์๋ GENERATE_SOURCEMAP์ด๋ผ๋ .env ๋ณ์๊ฐ ์์ต๋๋ค.
๋ฌธ์์์ ์๋ฌด๊ฒ๋ ๋ณผ ์ ์์ต๋๋ค. ๊ทธ๋์ ๊ฐ๋ฅํ ์ ์ผํ ๋ฐฉ๋ฒ์ razzle.config.js ๋ด์์ webpack ๊ตฌ์ฑ์ ํ์ฅํ๋ ๊ฒ๋ฟ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค.
razzle.config.js ๋ด์์ ์นํฉ ๊ตฌ์ฑ ํ์ฅ
์ด๊ฒ์ด ํด๊ฒฐ์ฑ ์ ๋๋ค. razzle.config.js์ ์.
module.exports = {
modify: (config, { target, dev }) => {
config.devtool = dev ? 'source-map' : false;
return config;
},
};
@krazyjakee ์, ์ ๊ฐ ๋งํ ๋ด์ฉ๊ณผ ํ์ฌ ์ฝ๋์ ๋์ผํ ๋ด์ฉ์ด ์์ต๋๋ค.
๊ทธ๋ฌ๋ ๊ทธ๋ฌํ ๋ชฉํ๋ฅผ ๋ฌ์ฑํ๊ธฐ ์ํด ์ด๊ฒ์ ๋ค์ ๋ณต์กํฉ๋๋ค. ์์งํ ๋๋ฌด ์ ํํ์ง ์์ต๋๋ค.
CRA ๋ฐฉ์์ ์ ํธํฉ๋๋ค.
๊ทธ๋ฌ๋ ๊ทธ๊ฒ์ด ๊ฐ๋ฅํ ์ ์ผํ ๋ฐฉ๋ฒ์ด๋ผ๋ฉด ๊ด์ฐฎ์ต๋๋ค.
@ Ronny25 ํ๊ฒฝ ๋ณ์๋ฅผ ์ ๋ง๋ก ์ฌ์ฉํ๋ ค๋ฉด ๋ค์๊ณผ ๊ฐ์ด ํ ์ ์์ต๋๋ค.
module.exports = {
modify: config => {
config.devtool = process.env.GENERATE_SOURCEMAP ? 'source-map' : false;
return config;
},
};
๊ทธ๋ฌ๋ฉด CRA์ ๋์ผํ ์ ํ๋๋ฅผ ์ป์ ์ ์์ต๋๋ค.
@krazyjakee ์์ ํ ์ฌ์ค์ด ์๋๋๋ค ๐
๋จผ์ , ๋ด๋ถ์ ์ด๋ค ๋ก์ง์ด ์๋ ์ค์ ํ์ผ์ ์์ฑํด์ผ ํ๊ณ , ๊ทธ ๋ค์์๋ env ๋ณ์๊ฐ ์์ด์ผ ํฉ๋๋ค. ์ด์ํ๊ฒ ๋ค๋ฆฝ๋๋ค ๐
ํ์ง๋ง ๋๋ ์ด ์ ์์ต๋๋ค ๐
@crazyjakee
์ด๊ฒ์ .js ํ์ผ์ ๋ํ ์์ค ๋งต๋ง ๋นํ์ฑํํ๋ ๊ฒ ๊ฐ์ต๋๋ค.
.css ํ์ผ์ ์ฌ์ ํ โโ์์ค ๋งต ํ์ผ์ ์์ฑํฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
@crazyjakee
์ด๊ฒ์ .js ํ์ผ์ ๋ํ ์์ค ๋งต๋ง ๋นํ์ฑํํ๋ ๊ฒ ๊ฐ์ต๋๋ค.
.css ํ์ผ์ ์ฌ์ ํ โโ์์ค ๋งต ํ์ผ์ ์์ฑํฉ๋๋ค.