webpack4--学习总结(2)--局部安装webpack,cmd使用webpack命令

本文详细记录了解决Webpack配置及运行过程中遇到的问题,包括在根目录生成package.json,安装Webpack及相关CLI,配置webpack.config.js,以及如何通过调整环境变量解决Webpack命令不可用的难题。

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

1. 在根目录下生成package.json文件: npm init -y

2. 安装webapck cnpm install webpack --save-dev

3. 创建webpack.config.js文件: echo > webpack.config.js

4、简单配置 webpack.config.js

5.cmd输入webpack命令,蛋糕了,报错(webpack不是内部命令)

遇到这个就扎心了,这么办聊?

小生想到了编译的文件夹是.bin,

进入bin文件夹,输入webpack报错,说是缺少了webpack-cli

于是小生就乖乖的安装了npm install webpack-cli --save-dev  

完事了之后,又尝试去运行webpack命令

结果小编心又凉凉了

最后,小生找了找度大娘,发现需要配置一下环境变量,于是小生

把D:\try\webpack\node_modules\.bin设置成了环境变量(到我的电脑--属性--高级系统设置--环境变量)

关掉了cmd窗口,重新打开进入了项目文件夹运行了webpack命令

结果令小生喜极而泣,项目happily的跑起来了

说道最后,小生不得不为自己点个攒了

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值