webpack中loader为啥是从后往前加载的

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack中loader为啥是从后往前加载的相关的知识,希望对你有一定的参考价值。

参考技术A 在webpack中loader是分为两种的,一种是pitchloader一种是normalloader ,在使用自定义loader时可以用如下方法进行定义loader

大部分的loader定义时用的是normalloader,loader的执行顺序是和pitchloader调用是有关的,现在来定义三个loader,来测试一下loader的执行顺序
用如图所示的loader来执行js文件

自定义loader路径查找

loader的加载是webpack在runloader的时候执行的,调用的loader-runner这个库,这个库在执行loader的时候将所有的loader加了一个index

源码中在判断当前的loader是pitchLoader时index是递增的,所以pitchLoader是正序的

enforce是可以改变loader的执行顺序,一共有四种配置

以上是关于webpack中loader为啥是从后往前加载的的主要内容,如果未能解决你的问题,请参考以下文章

webpack 常见问题

webpack中loader 和 plugin 的主要区别

为啥 webpack4 生产包总是包含 style-loader、css-loader 和 vue-loader 内容?

webpack配置常用loader加载器

带有 ts-loader 的 webpack 线程加载器

webpack中的加载器