์ด๋ฏธ ๋ง๋ค์ด ๋์ ๊ฐ๋ฐ ํ๊ฒฝ์ ์ดํดํ ์ ์์ด์. ์ฒ์๋ถํฐ ์ง์ ๊ฐ๋ฐ ํ๊ฒฝ์ ๋ง๋ค ์ ์์ด์.
์๋ฌ ํด๊ฒฐ ๊ณต์ ๋๋ฆฝ๋๋ค
1 . node ๋ฒ์ 12.4์ ๋ง์ถ๊ธฐ์ด์ ๊น์ง๋ 16๋ฒ์ ์ผ๋ก ๋ฌธ์ ์์ด ์คํ๋์๋๋ฐ ์ด๋ฒ ์ค์ต์์๋ ์๋ฌ๊ฐ ๋ฐ์ํ์ฌ ๋ค๋ฅธ ์๊ฐ์๋ถ๋ค์ด ๋จ๊ฒจ์ฃผ์ ์ง๋ฌธ ์ฐธ๊ณ ํด์ 12.4๋ฒ์ ์ผ๋ก ๋ฎ์ถ์๋๋ ๋น๋ ์๋ฌ๊ฐ ์ฌ๋ผ์ก์ต๋๋ค.์ด๋
๋ฉ๊ฐ
ใป
6๋ฌ ์
1
147
2
webpack 4 ๋ฒ์ ๊ณผ ํธํ๋๋ ํ๋ฌ๊ทธ์ธ ๋ฒ์ ๊ณต์ ๋๋ฆฝ๋๋ค
"clean-webpack-plugin": "^3.0.0", "html-webpack-plugin": "^4.5.2", "mini-css-extract-plugin": "^1.6.2",</c
๋ฉ๊ฐ
ใป
6๋ฌ ์
1
160
2
eslint
PS C:\Users\Master\inflearn\lecture-frontend-dev-env> npx eslint --initYou can also run this command directly using 'npm init @eslint/co
dkswndus6988
ใป
8๋ฌ ์
0
282
3
๋์์ฃผ์ธ์!
PS C:\Users\Master\inflearn\lecture-frontend-dev-env> npm run build> lecture-frontend-dev-env@1.0.0 build> webpack --progres
dkswndus6988
ใป
8๋ฌ ์
0
124
2
[์๊ฐ ์ค ํธ๋ฌ๋ธ์ํ ๊ณต์ ] webpack, webpack-cli ๋ฒ์
"devDependencies": { "webpack": "^4.41.5", "webpack-cli": "^3.3.10" }์์ ๊ณผ ๋์ผํ ๋ช ๋ น์ด๋ฅผ ์คํํ๋ ค๋ฉด ๊ฐ์ ๋ด์ฉ๊ณผ ๋์ผํ ๋ฒ์ ์ ์ฌ์ฉํ์๋ฉด ๋ฌธ์ ์์ด ์คํ๋ฉ๋
๋ฐํธ์
ใป
9๋ฌ ์
1
114
1
์ง๋ฌธ an error occurred while loading the image
11:00์ฏค file-loader๋ถ๋ถ์ ๋๋ค ์ง๋ฌธ. ํด์ฌ๋ก๋ฐ๋ ์ด๋ฏธ์ง๊ฐ ์ ๋ก๋ฉ์ด ์๋๋์??<img src="https://cdn.inflearn.com/public/files/posts/b532d5c2-21a1-406a-
์์ค
ใป
10๋ฌ ์
1
350
1
webpack์์ babel-loader ์ฌ์ฉํ ๋ ์ง๋ฌธ
babel-loader ๋ง webpack.config.js์ ์ค์ ํ๋ฉด ์ ๊ฐ ์ ์๋ babel.config.js๋ ์ ์ ๋ก ์ธ์์ด๋๋๊ฒ์ธ๊ฐ์?
dohyun_lim
ใป
10๋ฌ ์
1
115
1
์์ฃผ ์ฌ์ฉํ๋ ํ๋ฌ๊ทธ์ธ ์์ ์ง๋ฌธ์ด ์์ต๋๋ค.
new HtmlWebpackPlugin({ template: "./src/index.html", templateParameters: { env: process.env.NODE_ENV === "developm
dohyun_lim
ใป
10๋ฌ ์
1
122
1
eslint no-extra-semi ๊ด๋ จ ์ง๋ฌธ
์๋ ํ์ธ์. eslint ๊ฐ์๋ฅผ ๋ฃ๊ณ ์์ต๋๋ค. ๋ต๋ณํด์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค!๋ฒ์ ์ ์๋์ ๊ฐ์ต๋๋ค."@eslint/js": "^9.9.1", "@stylistic/eslint-
Rona
ใป
10๋ฌ ์
1
100
1
webpack5 ์์ open index.htmlํ๋๋ฒ + ์ง๋ฌธ
1) "webpack": "^5.94.0", "webpack-cli": "^5.1.4"node_modules/.bin/webpack --mode development --entry ./src/app.js --out
dohyun_lim
ใป
์ผ ๋ ์
1
132
1
TypeError: ((process.env.NODE_ENV === "production") && [MiniCssExtractPlugin]) is not iterable
TypeError: ((process.env.NODE_ENV === "production") && [MiniCssExtractPlugin]) is not iterable๋ฌธ์ ์์ด๋ณด์ด๋๋ฐ ๊ณ์ ์ ์๋ฌ๊ฐ ๋ฐ์ํ๋ค์npm run
tamo
ใป
2
260
1
ํน์ ์นํฉ 5 ๋ด์ฉ์ผ๋ก ๊ฐ์ ์ ๋ฐ์ดํธ๋ ์๋๋๊ฑด๊ฐ์?
ํน์ ์นํฉ 5 ๋ด์ฉ์ผ๋ก ๊ฐ์ ์ ๋ฐ์ดํธ๋ ์๋๋๊ฑด๊ฐ์?
tamo
ใป
1
333
1
์๋ฌ์์ด png์๋จ์๋ ๋ถ๋ค
webpack-cli3, webpack4, loader๋ @2๋ก install ํ์๋ฉด ๊ฐ์์ ๊ฐ์ด ์ ๋์ต๋๋ค. ์ ๋ ์ฐธ๊ณ ๋ก ๋ชจ๋ ์นํฉ, ๋ก๋ ๋ฒ์ ์ต์ ์ผ๋ก ๊น์๋ค๊ฐ png๊ฐ ์๋์๋ค์.
hjsim
ใป
1
240
1
Error: Cannot find module 'node:crypto'
"devDependencies": { "eslint": "^8.56.0", "eslint-config-prettier": "^9.1.0", "eslint-plugin
alkalisummer
ใป
1
420
1
DefinePlugin ๊ด๋ จ; env์ ๊ด๋ จํ์ฌ, (21.06.22 16:15, aloha_jh) ๋ต๋ณํฌํจ
DefinePlugin ๋ณด๊ณ ์ด๋ฐ์๊ฐ์ด ๋ค์์ต๋๋ค.React.js๋ Next.js๋ก ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ํ ๋, ์๋ฒ์ฃผ์๋ฅผ ๋ณดํต env || env.develop ๋ฑ์ผ๋ก ๊ด๋ฆฌํ์ต๋๋ค. ๊ฐ์์ ๋ต๋ณ์ ๋ณด๊ธฐ ์ ์๋ ์ด๋ฌํ ๋ผ์ด๋ธ
Edwin Y. Park
ใป
1
359
1
๊นํ๋ธ ํ์ธ ๋ฌธ์
git clone <a
nsonestudy1
ใป
0
522
1
๊ฐ์ ์ ๋ฐ์ดํธ๊ฐ ํ์ํด๋ณด์ ๋๋ค..
์ฌ๋ฌ ํจํค์ง๋ฅผ ๊ฐ์์์ ์ฌ์ฉํ๋๋ฐ ๊ทธ๋์ ํจํค์ง๋ค์ด ๋ฒ์ ผ์ ์ด ๋ง์ด ๋๋งํผ ๊ฐ์์์ ์งํํ๋ ๋ถ๋ถ๊ณผ ์ฐจ์ด๊ฐ ์๋ ๋ถ๋ถ๋ค์ด ๊ฝค๋ง๋ค์.. husky๋ ์ด์ package.json์์ ์์ ํ๋๊ฒ์๋๋ผ ์ถ๊ฐํ๋ ์ปค๋งจ๋ ์ฌ์ฉํด์ ํ๊ตฌ์๊ฐ์๊ฐ ์ ๋ฐ์ดํธ๋๋ค๋ฉด ๋ ํ
seungwan
ใป
3
723
1
ํด๋๋ฅผ prettier๋ก ๋๋ ธ์ ๋ ๋์ค๋ ์๋ฌ ๊ตฌ๋ฌธ์ ๋ํ ์ง๋ฌธ
npx prettier ./src --writeํด๋น ๊ตฌ๋ฌธ์ด ์ ์ฉ๋๋์? ์ฒซ ์๋์์๋ ์ฑ๊ณตํ๋๋ฐ ๊ทธ ์ดํ๋ก ๋ถํฐ๋ ์คํจ ๊ตฌ๋ฌธ์ด ์๋์ ๊ฐ์ด ๋จ๋๋ผ๊ตฌ์.<cod
user
ใป
0
341
1
ํด์ฌ๊ฐ๊ณผ ์บ์ฌ ๊ฐฑ์
'์นํฉ ๊ธฐ๋ณธํธ - ์์ฃผ ์ฌ์ฉํ๋ ๋ก๋'๋ฅผ ํ์ตํ๊ณ ์์ต๋๋ค.๋ก๋๋ค ์ค์, file-loader์ ๋ํด ํ์ตํ๋ค๊ฐ ์ง๋ฌธ์ด ์๊ฒผ์ต๋๋ค.์นํฉ์ด .pngํ์ผ์ ๋ฐ๊ฒฌํ๋ฉด fil
mememe_0
ใป
1
436
1
Hash ์๋ฌ ๋ฐ์
์๋ ํ์ธ์ ๊ฐ์ฌ๋.์ ๊ฐ npm run build๋ก ๋น๋๋ฅผ ํ๋ ค๊ณ ํ ๋๋ง๋ค ๋ค์๊ณผ ๊ฐ์ ์๋ฌ๊ฐ ์๊ธฐ๋๋ผ๊ตฌ์..[์๋ฌ ๋ด์ฉ]$ np
mememe_0
ใป
1
2,563
2
โฉ69,300