学习webpack中存在的问题

本文总结了在使用Webpack过程中常见的三个问题及其解决方案,包括执行Webpack时报错、未生成打包文件以及打包文件路径错误等问题,并提供了详细的排查和解决步骤。

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

最近在学习使用webpack。按照视频上的教学敲着代码。时不时的会报错,自己也在网查了一些资料。现在把一些问题总结以下,作为回顾。
问题1:在最后执行webpack的时候,在终端报错。
可能原因:子文件是在终端中创建的,比如src文件夹、dist文件夹、css
文件、js文件等等’
解决办法:在编辑器中创建文件(我用的是webstorm)。

问题二:在终端执行webpack,没有生成打包文件(或者是没有看到打
包文件)。
可能原因:webpack.config.js的出口,设置错误
解决办法:output:{
path:__dirname + ‘/dist/js’,
filename:”bundle.js”
}
注意的地方:
(1):记得加入 __dirname (__dirname”是node.js中的一个
全局变量,它指向当前执行脚本所在的目录。)
(2): ‘./dist/js’书写会报错,请修改成‘/dist/js’ (把前面的一点
去掉)
问题三:如果打包文件bundle,js存放的路径出错了。在编辑器中不好删除(我遇到过这种问题),可以在终端中删除。 在终端:进入到项目目录里,并输入 del + 要删除文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值