安装webpack4.0与webpack-cli的详解

安装webpack真的不难,甚至很简单,大家要有信心

一、首先最好去安装最新版的node.js,windows平台需要去官网下载最新的安装包去安装,命令是没有软用的。

二、本地安装

打开要操作的项目目录的终端,可以直接进入该文件夹的目录,然后将目录改成cmd直接进入该目录的cmd控制面板
在这里插入图片描述
在这里插入图片描述
也可以使用编译器进入
在这里插入图片描述

三、初始化项目

输入npm init -y初始化项目,-y可以让你省略去不停的yes
在这里插入图片描述
然后就会出现一个初始化的文件夹package.json
在这里插入图片描述
**然后输入指令:npm i -D webpack, 然后等它安装 (如果很慢的话就使用cnpm) **
-D的含义如下:

  • -S 安装到上线环境
  • -D 安装到开发环境
  • -g 安装到全局
  • -i install

直到等它显示版本号码就表示你成功了(中间甚至可以吃一桶酸菜泡面)
在这里插入图片描述
然后再输入安装cli的指令 npm i -D webpack-cli
在这里插入图片描述
两个都安装好之后你就可以笑出声了,甚至可以开心扔个桶面

然后呢我们就可以添加script的脚本文件webpack.config.js(名字不能错),在里面编写控制webpack的代码

在这里插入图片描述

具体怎么实用,可以看webpack二代官方文档(一代文档被全世界的开发者骂的太惨了,写的并不美好),点击右边的链接好好学习吧webpack官方文档,加油!

大家如果觉得好用的话就点个赞、留个言、涨点经验值吧~~感谢 ~ 感谢~

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

ldz_miantiao

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

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

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

打赏作者

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

抵扣说明:

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

余额充值