想快速使用 webpack4 似乎是件不可能的事,自行编写 loader 、plugin 看文档简直看到令人发指,太简洁了,关键位置打省略号,给个源码链接叫新手看几千行的源码😂
看样子要用点高级玩意,仅进新手村是不行的,得个把月修炼。
loader 还好,可以直接修改到所有 require 的模块源码,但功能太弱鸡,loader 调用没有上下文、没有源码文件路径,不知道是不是我阅读的文档不对😂
plugin 就惨了,n 多事件,官方文档没有流程图,哪个先掉哪个后调不知道是不是按照文档顺序还是什么顺序,hook 事件的具体文档就一两句话,更多叫看源码,emmm 。。。
核心的问题是各种生成的中间对象、hook 传入的对象,压根没有任何文档可以看,也许是没有找到,又要去翻阅读相关类的源码(百行起步)。。。
不过还好,功能做出来了,比较蹩脚,hook 里面直接使用对象_开头的私有变量(阅读源码发现人家压根就没有提供访问方法)😂
还好,功能已经写出来了,由于 loader 没有提供源码的路径,只能额外加一个 hook 去拿路径。
想要实现功能:
最终调用过程:
实用 loader 实现:
蹩脚的私有变量访问:
不知道有没有直接可以用的,webpack 打包时完全自定义动态修改模块内容的插件可用(简单易用,但排除 replace 插件)?
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.