NPM ์ ์ฅ์๋ ๋๋ฆฌ ์ฌ์ฉ๋๋ ์ข ์์ฑ ์ค ํ๋์ ์ ๋ฒ์ ๋ฌธ์ ๋ก ์ธํด ๋ ๋ค๋ฅธ ๋๊ท๋ชจ ํ๋ก์ ํธ ์ค๋จ์ ๊ฒฝํํ๊ณ ์์ต๋๋ค. ๋ฌธ์ ์ ์์ธ์ CSS๋ฅผ ๋ณ๋์ ํ์ผ๋ก ์ถ์ถํ๋๋ก ์ค๊ณ๋ mini-css-extract-plugin 2.5.0 ํจํค์ง์ ์๋ก์ด ๋ฆด๋ฆฌ์ค์์ต๋๋ค. ์ด ํจํค์ง๋ ๋งค์ฃผ ์ฒ๋ง ๊ฑด ์ด์์ ๋ค์ด๋ก๋๋ฅผ ๋ณด์ ํ๊ณ ์์ผ๋ฉฐ 10๊ฐ ์ด์์ ํ๋ก์ ํธ์ ์ง์ ์ ์ธ ์ข ์์ฑ์ผ๋ก ์ฌ์ฉ๋ฉ๋๋ค.
์ ๋ฒ์ ์์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๊ฐ์ ธ์ฌ ๋ ์ด์ ๋ฒ์ ๊ณผ์ ํธํ์ฑ์ ์๋ฐํ๊ณ ์ด์ ์ ์ ํจํ๊ณ ๋ฌธ์ ๊ตฌ์ฑ "const MiniCssExtractPlugin = require('mini-css-extract-plugin')์ ์ค๋ช ๋ ๊ฒ์ ์ฌ์ฉํ๋ ค๊ณ ํ ๋ ์ค๋ฅ๊ฐ ๋ฐ์ํ๋ ๋ณ๊ฒฝ ์ฌํญ์ด ์ ์ฉ๋์์ต๋๋ค. โ๋ฅผ ์ ๋ฒ์ ์ผ๋ก ์ ํํ ๋ โconst MiniCssExtractPlugin = require(โmini-css-extract-pluginโ).defaultโ๋ก ๋ฐ๊ฟ์ผ ํ์ต๋๋ค.
์ข ์์ฑ์ ํฌํจํ ๋ ๋ฒ์ ๋ฒํธ์ ๋ช ์์ ์ผ๋ก ๋ฐ์ธ๋ฉ๋์ง ์์ ํ๋ก์ ํธ์์ ๋ฌธ์ ๊ฐ ๋ํ๋ฌ์ต๋๋ค. ํด๊ฒฐ ๋ฐฉ๋ฒ์ผ๋ก Yarn์ '"overrides": {"mini-css-extract-plugin": "2.4.5"}'๋ฅผ ์ถ๊ฐํ๊ฑฐ๋ "2.4.5"}' ๋ช ๋ น์ ์ฌ์ฉํ์ฌ ์ด์ ๋ฒ์ XNUMX์ ๋ํ ๋งํฌ๋ฅผ ์์ ํ๋ ๊ฒ์ด ์ข์ต๋๋ค. npm i -D" --์ ์ฅ-์ ํํจ [์ด๋ฉ์ผ ๋ณดํธ]" NPM์์.
ํผํด์ ์ค์๋ mini-css-extract-plugin์ ์ข
์์ฑ์ผ๋ก ์ฐ๊ฒฐํ๋ Facebook์์ ๊ฐ๋ฐํ create-react-app ํจํค์ง ์ฌ์ฉ์๋ ์์์ต๋๋ค. mini-css-extract-plugin ๋ฒ์ ๋ฒํธ์ ๋ํ ๋ฐ์ธ๋ฉ์ด ๋ถ์กฑํ์ฌ create-react-app ์คํ ์๋๊ฐ "TypeError: MiniCssExtractPlugin์ ์์ฑ์๊ฐ ์๋๋๋ค" ์ค๋ฅ์ ํจ๊ป ์ข
๋ฃ๋์์ต๋๋ค. ์ด ๋ฌธ์ ๋ @wordpress/scripts, @auth0/auth0-spa-js, sql-formatter-gui, LedgerSMB, vip-go-mu-plugins, cybros, vue-cli, Chore ๋ฑ์ ํจํค์ง์๋ ์ํฅ์ ๋ฏธ์ณค์ต๋๋ค.
์ถ์ฒ : opennet.ru