如何学习webpack？

发布于
2023-03-25 浙江

个人最近打算好好学习下webpack，今天看了一天的webpack官方文档，虽然看的时候感觉没碰到什么难理解的概念，但是感觉官方的配置项繁多，看完后估计也会忘的差不多，个人觉得应该挑选出一些重点，其它的内容到需要用的时候把官方文档当字典查，个人也不知道怎么去挑选重点，各位能给些建议吗？

webpack 前端工程化

阅读 1.4k

1 个回答

得票最新

lpe234

4.1k2930

发布于
2023-03-25 北京

✓ 已被采纳

B站视频 (不算广告😝 反正JVM讲的不错)

尚硅谷Webpack5入门到原理（面试开发一条龙）https://www.bilibili.com/video/BV14T4y1z7sw/

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

查看全部 1 个回答

推荐问题

Vue项目devServer proxy配置不生效的排查方法？
可能是哪里配错了，但我看不出问题，希望有人能指出ps：之前看到有帖子说vue2该配置项名为proxyTable，还有devServer应为dev，这两个我都试过了，前者提示没有该配置项
3 回答1.2k 阅读✓ 已解决
webpack分别在linux和windows平台打包，同一张CSS背景图不同平台路径不一致？
我的vue项目通过webpack做了一个简单的皮肤切换功能。这个功能只有部分页面包含，做完以后我发现了一个问题。需要皮肤切换的页面，如果是在windows下打包部署的话，会出现CSS背景图的路径错误的问题，但是在linux平台下完全正常。
1 回答1.6k 阅读✓ 已解决
webpack reack 老项目升级输出报错？
webpack1.0 直接升到 webpack5.0 各种依赖冲突，已经根据报错提示一个一个慢慢升级完了。在1.0的时候虽然很慢，但是能运行起来的，所以业务逻辑代码肯定是没问题么也动过。现在升级完依赖，改完webpack配置 npm run start 项目启动报错如下：
2 回答921 阅读✓ 已解决
webpack打包时候，splitchunk的cachegroup如果配置了的话，会和external冲突吗？
webpack的splitchunk的cachegroup如果配置了的话，会和external冲突吗，比如引入了axios和lodash，在cachegroup里面配置了，然后同时在external里面配置，会优先取哪个呢
1 回答1.3k 阅读✓ 已解决
webpack 老项目升级，报错排查？
报错信息： {代码...} webpack 全文： {代码...} package.json 全文如下： {代码...} 且已经删除依赖包，清除缓存重新安装过了，.babelrc 配置如下： {代码...} 根据文心一言，chatGPT，通义千问来回改的就是这三个文件，但这个错误始终存在。。。。。请教大佬，到底是哪里的问题？
1 回答1k 阅读✓ 已解决
vue2中使用require引入.mp4文件，文件目录下有.pdf文件会报错。该如何解决？
vue2中使用require引入.mp4文件，文件目录下有.pdf文件会报错。但是我删掉pdf文件他就不报错了，但是项目别的地方需要...引用：
1 回答951 阅读✓ 已解决
webpack打包，node_modules/内是软连接，这个是如何找到实体的依赖的呢？
有了pnpm之后，安装的库在node_modules里面是虚拟链接（软连接），然后vite/webpack打包的时候，会自动基于虚拟链接找到三方依赖进行打包没错。
1 回答871 阅读✓ 已解决

如何学习webpack？

Vue项目devServer proxy配置不生效的排查方法？

webpack分别在linux和windows平台打包，同一张CSS背景图不同平台路径不一致？

webpack reack 老项目升级输出报错？

webpack打包时候，splitchunk的cachegroup如果配置了的话，会和external冲突吗？

webpack 老项目升级，报错排查？

vue2中使用require引入.mp4文件，文件目录下有.pdf文件会报错。该如何解决？

webpack打包，node_modules/内是软连接，这个是如何找到实体的依赖的呢？