webpack command not working

Question

I am new to Node Js and Webpack  I tried to start a project with module-loaders   Firstly  I installed nodeJs and NPM and created a new directory called tutorial  I used the command prompt to cd into this directory and then ran the following command npm init and then installed webpack via npm using the command below     npm install -S webpack   The 1st command installed webpack locally into the project under the  node-modules  directory and I can run my project by doing this    nodejs node-modules webpack bin webpack js   The problem with this is that I have to place my webpack config js file inside of this directory which I want to place in my project root   One solution to this problem was to install webpack globally on my machine    which I did using the command below     npm install -g webpack   This installed Webpack and now I do have a Webpack command  However  this command does not seem to be working or doing anything at all  When I try to run this from my project s root directroy it does not do anything at all  See Screenshot     Please tell me what I am doing wrong

User · Answer

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

renamed the webpack folder in global node_modules to _old
installed webpack locally within project
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

User · Answer

npm i webpack -g   installs webpack globally on your system  that makes it available in terminal window

User · Answer

webpack is not only in your node-modules webpack bin  directory  it s also linked in node modules  bin    You have the npm bin command to get the folder where npm will install executables   You can use the scripts property of your package json to use webpack from this directory which will be exported    scripts        scriptName    webpack --config etc         For example    scripts        build    webpack --config webpack config js      You can then run it with   npm run build   Or even with arguments   npm run build --  lt args gt    This allow you to have you webpack config js in the root folder of your project without having webpack globally installed or having your webpack configuration in the node modules folder

User · Answer

I had to reinstall webpack to get it working with my local version of webpack  e g     npm uninstall webpack   npm i -D webpack

User · Answer

Actually  I have got this error a while ago  There are two ways to make this to work  as per my knowledge    Server wont update the changes made in the index js because of some webpack bugs  So  restart your server  Updating your node js will be helpful to avoid such problems

User · Answer

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    go to the location of the project where your webpack config js is located   in command prompt write the following      C  Users    ProjectName node modules  bin webpack  --config webpack config vendor js

User · Answer

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

[node.js] webpack command not working

Examples related to node.js

Examples related to ubuntu

Examples related to npm

Examples related to webpack