webpack 常见问题

关于Webpack的一些常见问题解决(小白可以看看~)## 标题

关于Webpack的一些常见问题解决

1.nodejs配置

Vscode 安装webpack,要让其功能完善,最新配置应该下载至少nodejs 10版本以上不包括10版本!!!) ps:最好下载最新版
先检查自己的nodejs版本是否达标,“查看nodejs版本号的方法:在电脑开始菜单中搜索“cmd”,进入cmd命令行;在cmd命令行中输入命令node -v查看当前nodejs的版本号。”

2.环境配置

还有注意的一点是配置电脑的环境变量,没有的话后期也会出错误,具体看图~
Path 变量中增加一个 System32 有就不必了~
必须要有System32!!!

3.webpack中运行脚本出错 例如创建服务器 serve

这个需要配置 powershell 的运行脚本允许 默认是不允许的
只需在里面输入 set-ExecutionPolicy RemoteSigned
再输入Y 就可以啦~
在这里插入图片描述
在这里插入图片描述

4.其它问题

如果你是根据视频来学习,应该反复看看和视频操作是否一致,配置是否一样,看看报错原因是什么,一定要分清 生产模式和开发模式的坑点!有些配置是不能两个模式都运行的,应该先分清你所处的模式是否可以运行这个配置,这个也是我亲身感受,当时开发模式用derver热模块化调试发现报错,后面发现‘style-loader’是必须使用的,当时用成了css的兼容性插件了。
在这里插入图片描述

5.关于导入外部包 例如:jQuery

:如果你是采用webpack.dll.js方式打包第三方库
则千万不要忘了在引用jq代码的js里加上import $ from ‘jquery’;
若是即使生成了jQuery.js文件,页面中也引入了,还是会报错 $ is not defined.

end

其他问题目前未踩坑,后续发现将持续更新~
希望能对和我一样初学webpack的小白一点帮助~~
以上问题还有不懂得可以留言哈哈

猜你喜欢

转载自blog.csdn.net/kzj0916/article/details/107720518