如何安装webpack?

上官网安装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]

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Java识堂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值