webpack安装

这篇博客介绍了如何安装webpack,包括需要先安装Node.js,初始化项目,安装webpack及其脚手架,并详细讲解了如何查看和更改webpack的版本。此外,还提到了在开发中使用`--save-dev`标志以及如何处理不同项目间的webpack版本兼容问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.需要node.js

安装nodejs
node下载地址https://nodejs.org/en/

2.初始化

建立一个空文件夹(我自己的命名是webpacklearning)

命令行输入

npm init

最后一步写yes再回车

此时再看文件夹,里面多了package.json

点开编辑可以看到内容为刚刚填写内容(此处是默认填写的)

其中第五行  "main": "index.js",为入口文件

"scripts":命令的映射。

可以通过npm run+scripts里面参数的前半部分来执行后半部分。

例如

(翻译为回声“错误:没有指定测试”&&退出)

回车会关闭当前窗口

输入

npm run test

 

提示:"Error: no test specified"(翻译为"错误:没有指定测试")

我们可以在scripts这里添加很多自定义的指令。

例如:将test对应的命令修改为ls(查看目录)

再次在命令行输入npm run test 时,执行结果如下:

 

第十行license为规范。例如开源项目写MIT

 

3.安装webpack

npm install webpack --save-dev

最后的-dev表示只在开发中保存,发布后就不再保存。

安装 webpack脚手架

npm install webpack-cli --save-dev

查询webpack版本号:由于我们webpack没有全局安装,所以需要通过npx webpack -v来查看

此时再来查看package.json文件

多了11-14行

 

平时打包发项目的时候都可以删除node_modules文件夹(通过npm install可以重新下载所引用的文件)

 

4.更换webpack版本

假如拿到的旧项目,使用的webpack版本较低。可以选择卸载现在的版本,下载旧版来兼容。

npm uninstall webpack

卸载全局状态下安装的webpack

npm uninstall webpack -g

安装制定版本

npm install webpack@3.12.0 --save-dev

可以利用npm info webpack查看可选择安装的版本

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值