编写webpack加载器 - 注入一次代码

Question

我正在尝试编写一个webpack加载器，其中一个要求是我需要将代码ONCE注入每个bundle。

加载器中是否有一种方法可以检测我正在处理的模块是否是一个入口点？ 如果没有，是否有一种简单的方法可以为每个包注入一次代码？

Answer 1

您可以像注入代码一样注入代码。 您的加载器应该将带有需求的转换源返回到您需要注入一次的代码。 Webpack的文档将此公共代码称为加载器的运行时。 http://webpack.github.io/docs/how-to-write-a-loader.html#extract-common-code

 var loaderUtils = require('loader-utils'); module.exports = function(content) { return "require(" + loaderUtils.stringifyRequest(this, "!" + require.resolve("./runtime")) + ");\\n\\n" + content; }; 

Answer 2

这有用吗？

module.exports = function (content) {

  if (this.options.entry == this.resourcePath)
    content = 'var newCode = 10;\r\n\r\n' + content;

  return content;

};

我使用它只在入口文件上注入代码。

Answer 3

您不能在入口点使用装载机（并且您不能依赖入口点）。 因此，如果您想通过加载器注入一些代码，则必须在每个入口点对其进行处理。