上官网安装node.js

一般安装最新的即可,因为node.js版本高,webpakc打包速度也快

cmd命令行输入如下内容,输出版本号即安装正确


node -v


输入如下内容,输出版本号,说明安装node的时候把npm也安装好了


npm -v


全局安装webpack

在文件夹下,执行如下内容,让项目符合node的规范


npm init


全局安装webpack,输出webpack和webpakc-cli的版本号即安装正确

-g全局安装


npm install webpack webpack-cli -g


全局安装的webpack有个问题,就是你想同时运行webpack3和webpakc4的项目就不行了,所以得安装项目级别的webpak,先删掉全局安装的webpack


npm uninstall webpack webpack-cli -g


输入如下,不显示版本号即可


webpack -v


项目级别安装webpack

npm install webpack webpack-cli --save -dev
// 或者如下,2者等价
npm install webpack webpack-cli -D


安装成功后,可以看到项目下会多出node_modules这个文件夹,里面就是webpack和webpack的依赖包


在项目级别下查看webpack版本,npx会到项目的目录下找webpack命令


npx webpack -v


安装指定的webpack

创建一个项目,进入项目文件夹,执行如下,-y参数是不询问如何配置


npm init -v


查看可安装的webpakc的版本


npm info webpack


假如说安装4.16.5这个版本


npm install webpack@4.16.5 webpack-cli -D


运行别人的代码

别人上传到git的项目没有node_modules这个文件夹,所以你得先执行以下这个命令,将依赖下载下来


npm install


此时执行webpack的命令就有效了,如下面查看版本号的命令


npx webpack -v


参考博客

[1]