webpack 명령이 작동하지 않습니다.

webpack 명령이 작동하지 않습니다.

---

Node Js 및 Webpack을 처음 사용합니다. 모듈 로더로 프로젝트를 시작하려고했습니다.

먼저 nodeJ와 NPM을 설치하고 tutorial. 명령 프롬프트를 사용하여이 디렉토리로 cd 한 다음 다음 명령을 실행 한 다음 아래 명령 npm init을 npm사용하여 webpack을 설치했습니다 .

npm install -S webpack

첫 번째 명령은 'node-modules'디렉토리 아래의 프로젝트에 웹팩을 로컬로 설치했으며 다음을 수행하여 프로젝트를 실행할 수 있습니다.

nodejs node-modules/webpack/bin/webpack.js

이것의 문제는 webpack.config.js프로젝트 루트에 저장하려는이 디렉토리 안에 파일 을 넣어야한다는 것 입니다.

이 문제에 대한 한 가지 해결책은 아래 명령을 사용하여 내 컴퓨터에 전역 적으로 webpack을 설치하는 것입니다.

npm install -g webpack

이것은 Webpack을 설치했으며 이제 Webpack 명령이 있습니다. 그러나이 명령은 작동하지 않거나 전혀 수행하지 않는 것 같습니다. 내 프로젝트의 루트 directroy에서 이것을 실행하려고하면 아무것도하지 않습니다 (스크린 샷 참조).

내가 뭘 잘못하고 있는지 알려주세요 !!

---

webpack당신에뿐만 아니라 node-modules/webpack/bin/디렉토리, 그것은 또한에 연결되어 있어요 node_modules/.bin.

당신은이 npm binNPM이 실행 파일을 설치할 폴더를 얻기 위해 명령을 사용합니다.

당신은 당신의 scripts속성을 사용하여 package.json내보낼이 디렉토리에서 webpack을 사용할 수 있습니다.

"scripts": {
  "scriptName": "webpack --config etc..."
}

예를 들면 :

"scripts": {
  "build": "webpack --config webpack.config.js"
}

그런 다음 다음을 사용하여 실행할 수 있습니다.

npm run build

또는 인수 포함 :

npm run build -- <args>

이를 통해 webpack.config.js웹팩을 전역으로 설치하거나 node_modules폴더에 웹팩 구성을 두지 않고도 프로젝트의 루트 폴더에있을 수 있습니다 .

---

npm i webpack -g

installs webpack globally on your system, that makes it available in terminal window.

---

I had to reinstall webpack to get it working with my local version of webpack, e.g:

$ npm uninstall webpack
$ npm i -D webpack

---

You can run npx webpack. The npx command, which ships with Node 8.2/npm 5.2.0 or higher, runs the webpack binary (./node_modules/.bin/webpack) of the webpack package. Source of info: https://webpack.js.org/guides/getting-started/

---

The quickest way, just to get this working is to use the web pack from another location, this will stop you having to install it globally or if npm run webpack fails.

When you install webpack with npm it goes inside the "node_modules\.bin" folder of your project.

in command prompt (as administrator)

1. go to the location of the project where your webpack.config.js is located.
2. in command prompt write the following

"C:\Users\..\ProjectName\node_modules\.bin\webpack" --config webpack.config.vendor.js

---

Installing webpack with -g option installs webpack in a folder in

C:\Users\<.profileusername.>\AppData\Roaming\npm\node_modules

same with webpack-cli and webpack-dev-server

Outside the global node_modules a link is created for webpack to be run from commandline

C:\Users\<.profileusername.>\AppData\Roaming\npm

to make this work locally, I did the following

1. renamed the webpack folder in global node_modules to _old
2. installed webpack locally within project
3. edited the command link webpack.cmd and pointed the webpack.js to look into my local node_modules folder within my application

Problem with this approach is you'd have to maintain links for each project you have. Theres no other way since you are using the command line editor to run webpack command when installing with a -g option.

So if you had proj1, proj2 and proj3 all with their local node_modules and local webpack installed( not using -g when installing), then you'd have to create non-generic link names instead of just webpack.

example here would be to create webpack_proj1.cmd, webpack_proj2.cmd and webpack_proj3.cmd and in each cmd follow point 2 and 3 above

PS: dont forget to update your package.json with these changes or else you'll get errors as it won't find webpack command

---

Actually, I have got this error a while ago. There are two ways to make this to work, as per my knowledge.

1. Server wont update the changes made in the index.js because of some webpack bugs. So, restart your server.
2. Updating your node.js will be helpful to avoid such problems.

참고 URL : https://stackoverflow.com/questions/38788166/webpack-command-not-working