温州专业营销网站制作,山东官网建设公司,无线wifi图片大全,网站建设功能模块图图解PostCSS的插件执行顺序 文章其实是一系列的早就写完了. 才发现忘了发在SegmentFault上面, 最早发布于https://gitee.com/janking/Inf... 这次我继续研究PostCSS的插件的执行顺序。 之前有研究过做过假设#xff0c;在插件列表中#xff0c;PostCSS的插件执行顺序自上而下… 图解PostCSS的插件执行顺序 文章其实是一系列的早就写完了. 才发现忘了发在SegmentFault上面, 最早发布于https://gitee.com/janking/Inf... 这次我继续研究PostCSS的插件的执行顺序。 之前有研究过做过假设在插件列表中PostCSS的插件执行顺序自上而下一切看起来似乎是没有任何问题的。 我也看过有关PostCSS解析器的相关文章有以下一些收获 摘自PostCSS 是个什么鬼东西 当然这张图并没有对Plugin System进行解释。 再有 摘自深入PostCSS Web设计 摘自写CSS的姿势 这两张图则应该是说明了我之前的假设插件中的执行顺序自上而下。 但是这些资料不明不白的我决定进一步阅读相关文章找出真相不过研究过程中我也依然深思这样一个问题也许我本不应该纠结这个因为或许根本没有意义或者这个工作方式并非与PostCSS本身有关 于是我又把之前收集的PostCSS的文章翻了一遍我们再来一个个过一遍。 POSTCSS PLUGIN INSTALLATION EXAMPLE 先来看看一片来自smashingmagazine的这段POSTCSS PLUGIN INSTALLATION EXAMPLE In the array, we can include the necessary require statements that return the plugins and that are then called immediately. If you would like to read more about this concept, look through “Functions as First-Class Citizens in JavaScript” by Ryan Christiani. 会不会跟这个有关呢我先埋个伏笔。 PostCSS Quickstart Guide: Exploring Pluginsd 再来看看另一篇PostCSS Quickstart Guide: Exploring Pluginsd的Plugin Execution Sequence中这段 One of the main considerations you have to make when loading up the array of PostCSS plugins is the order in which you run them. You’ll have to pause and think through your list, determining if one plugin might need to run after another in order to do what you want it to. 鄙人译有一个非常重要的需要考虑的一点是当你在加载PostCSS插件数组中顺序就是你执行他们的顺序。因此你有必要好好在这个插件列表这下功夫思考一下来确定你想要的一个接一个的插件执行顺序。 原文第一句话很复杂所以英语不好的理解起来可能有些费劲姑且可以分成以下几段分别翻译再合并One of the main considerations you have to make when loading up the array of PostCSS plugins is the order in which you run them. 然后这段原文后也有示例大家可以自己看看加深理解和认识。并且也有一个小结论 The load order for plugins is something that will change with each set of plugins, so you may find you just need to do a little experimentation sometimes to get everything working together nicely. 鄙人译你所设置的每个插件都会被加载的插件顺序所影响因此强烈建议你在某些情况下多做些测试来让你的插件们运行的更加完美~ 好了看到这里其实答案大致已经揭晓也许你觉得这不是很自然的从上而下么为何作者要纠结这么久还写了这么一篇长篇大论的文章。如果你还没看过之前我为何纠结这个顺序问题可以看看: PostCSS自学笔记二【插件篇】#CSSNANOPostCSS自学笔记二【番外篇一】结论 其实关于顺序的疑问我觉得差不多就此打住也许其中的确有些奇怪的现象但是这个基本不影响或者说没有追究其根本的意义或许真要打破沙锅问到底就要发邮件给PostCSS作者了。而作为普通开发人员也许没有必要花太多精力去研究这个我们知道PostCSS插件的顺序一般来说是从上往下执行的不要犯低级的顺序错误例如import写在列表末尾大部分场景都会得到我们想要的结果了 突然想起来了前面埋了个伏笔其实跟它没啥关系所以不多做文章了~不过作为课外阅读多了解下也是棒棒哒 其他 关于我个人的PostCSS一系列学习, 介绍及总结, 有兴趣可以参阅: PostCSS自学笔记一【安装使用篇】PostCSS自学笔记二【插件篇】PostCSS自学笔记二【番外篇一】PostCSS自学笔记二【番外篇二】
