浅析webpack源码之WebpackOptionsApply 模块(七)
栏目: JavaScript · 发布时间: 5年前
内容简介:NodeEnvironmentPlugin还做了watch处理,NodeWatchFileSystem是webpack之所以能根据变化自己更新的核心,好凌乱,我们先从那个坑跳出来进入 WebpackOptionsApply.js 这个大坑进入这个页面看到前面一大堆的模块引入,已经给跪了,但是马马虎虎的完成也比放弃好
NodeEnvironmentPlugin还做了watch处理,NodeWatchFileSystem是webpack之所以能根据变化自己更新的核心,好凌乱,我们先从那个坑跳出来
compiler.options = new WebpackOptionsApply().process(options, compiler);
进入 WebpackOptionsApply.js 这个大坑
进入这个页面看到前面一大堆的模块引入,已经给跪了,但是马马虎虎的完成也比放弃好
前面一大堆的引入,主要是lib下dependencies和optimize文件夹下的模块
class WebpackOptionsApply extends OptionsApply { constructor() { super(); } process(options, compiler) { } }
OptionsApply父类就只是定义了接口
主要核心在process方法里主要做了
1.处理options.target参数
2.处理options.output,options.externals,options.devtool参数
3.对于引用了巨量的模块把把this指向compiler对象
new CompatibilityPlugin().apply(compiler); new HarmonyModulesPlugin(options.module).apply(compiler); new AMDPlugin(options.module, options.amd || {}).apply(compiler); new CommonJsPlugin(options.module).apply(compiler); new LoaderPlugin().apply(compiler); new NodeStuffPlugin(options.node).apply(compiler); //...
4.处理options.optimization 的moduleIds和chunkIds属性
5.处理如下插件
new TemplatedPathPlugin().apply(compiler); new RecordIdsPlugin({ portableIds: options.optimization.portableRecords }).apply(compiler); new WarnCaseSensitiveModulesPlugin().apply(compiler);
6.hooks事件流
终极总结
这个模块主要是根据options选项的配置,设置compile的相应的插件,属性,里面写了大量的 apply(compiler); 使得模块的this指向compiler
没有对options做任何处理
过!!!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
程序员成长的烦恼
吴亮、周金桥、李春雷、周礼 / 华中科技大学出版社 / 2011-4 / 28.00元
还在犹豫该不该转行学编程?还在编程的道路上摸爬滚打?在追寻梦想的道路上你并不孤单,《程序员成长的烦恼》中的四位“草根”程序员也曾有过类似的困惑。看看油田焊接技术员出身的周金桥是如何成功转行当上程序员的,做过钳工、当过外贸跟单员的李春雷是如何自学编程的,打小在486计算机上学习编程的吴亮是如何一路坚持下来的,工作中屡屡受挫、频繁跳槽的周礼是如何找到出路的。 《程序员成长的烦恼》记录了他们一步一......一起来看看 《程序员成长的烦恼》 这本书的介绍吧!