学习前端有小半年了,第一次发博客,很多写的不好的地方还望各位多包容和指教
最近几天在学习前端项目构建工具之-----webpack,抱着极大的兴致去学习,但是里面的坑却让我怀疑人生
下面给大家说说我遇到的坑
全局下载了webpack和webpack-cli之后,想着在配置webpack.config.js文件之前,先利用webpack <entry> -o <out>命令试试水,可每次编译打包都会报错,改了几个小时的错,最后将路径的 ‘\’ 换成 ‘/’,才编译成功,成功之后,以为接下来会一帆风顺,接下来的各种包版本冲突狠狠的折磨了我(作为小白所有的包都安装的最新版本),局部安装了webpack和webpack-dev-server,并且在json文件中用"dev" :"webpack-dev-server"配置了dev命令后,每次npm run dev依然报错,不停的百度找方法,卸载并重下所有包,问题依然没有得到解决,最后在一位大神的博客中看到webpack与webpack-dev-server的版本冲突也会报错,于是下载了webpack4以下的版本,可算是成功了,安装html-webpack-plugin这个包后,提示要求本地安装webpack4以上的版本,可是webpack-dev-server得用4以下的版本啊,真是太为难我了,同样在安装style-loader,css-loader,less-loader,url-loader这些加载器也是同样的版本冲突,看了很多大神的博客,慢慢去试水,安装这些包的老版本,最终,包之间的版本冲突终于解决了,以下是我整合的一些包的版本,是可以成功运行的,如果有小伙伴学习webpack时踩到跟我一样的坑,希望这些可以帮助到你们
初学webpack遇到的坑
最新推荐文章于 2023-11-15 08:42:48 发布