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

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

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

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

Installing webpack with -g option installs webpack in a folder in   C  Users  lt  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  lt  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

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

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

[node.js] webpack command not working

Examples related to node.js

Examples related to ubuntu

Examples related to npm

Examples related to webpack