webpack - 为什么 loader 在 webpack 中是从右到左读取的?

标签 webpack

在 webpack 中,当加载器应用于某些文件时,例如:

require("style-loader!css-loader!less-loader!./my-styles.less");

他们从右到左工作。

我觉得很奇怪,这是什么技术原因?

最佳答案

这是因为它遵循pipeline concept in unix ,因此一个过程的输出成为下一个过程的输入。由于目的是首先通过 less-loader 处理 my-styles.less,因此它们并排编写并由管道分隔(即 !)。它也可以实现为允许 require("./my-styles.less!less-loader!css-loader!style-loader");。两者之间没有任何技术难度差异。

关于webpack - 为什么 loader 在 webpack 中是从右到左读取的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32029351/

相关文章:

javascript - 这是做什么的???/[\\/]electron-prebuilt[\\/]/.test()

angular - 如何在 webpack 2 和 typescript 以及 angular 2 中使用 tree-shaking?

javascript - Webpack 在将字符串+变量传递给 require() 时加载不需要的文件

javascript - 使用 Jest 和 Webpack 别名进行测试

javascript - 使 webcomponents 捆绑一个 npm 包,以便可以有选择地导入 webcomponents

node.js - 你有提交 webpack 生成的文件吗?

Sass 和 webpack - @for 循环错误

angular - 属性 'format' 在类型 'Duration' 上不存在

javascript - 通过 Webpack 全局导入 Javascript 库

javascript - 使用 Express Handbars 为简单的 Node Web 应用程序传递数据