传输文件,然后将其内联,无需 Webpack 捆绑/加载器代码

pat*_*ate 6 javascript inline webpack html-webpack-plugin

我无法想出一个可行的解决方案。我想我应该以某种方式使用 html-webpack-inline-source-plugin 或多个入口点的组合,但这对我来说太多了,无法处理。

我想要的是:

  • 我所有的 js 文件捆绑在一起并注入(不是内联)到 index.html [这当然有效!]
  • 一个 js 文件(未包含在上述捆绑包中)内联到 index.html
  • 内联的 js 文件必须经过 Webpack“转换管道”,因为该 js 文件取决于 Webpack 构建步骤

要内联的文件示例:

const asset = "require('./assets/blob.json')";
fetch(asset).then(.......)
Run Code Online (Sandbox Code Playgroud)

该文件应该首先经过 Webpack 转换,因为实际应该内联的内容如下:

<script>    
  var asset = "/static/json/blob.md5hashofblobjson.json";
  fetch(asset).then(.......)
</script>
Run Code Online (Sandbox Code Playgroud)

因此基本上要内联的文件取决于Webpack 构建过程,不能仅使用 fs 模块读取并直接手动写入 index.html。

此外,内联 JavaScript 不应包含任何 WebpackJSONP 捆绑加载代码,而应包含纯 JS。在内联的 JS 下方应该是注入的(不是内联的)通常的捆绑脚本。

我应该如何配置我的构建过程?谢谢一百万!