传输文件,然后在没有Webpack捆绑/加载器代码的情况下内联它

时间:2017-09-28 18:50:37

标签: javascript webpack inline 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(.......)

这个文件应该首先进行Webpack转换,因为实际应该内联的是:

<script>    
  var asset = "/static/json/blob.md5hashofblobjson.json";
  fetch(asset).then(.......)
</script>

所以基本上要内联的文件 取决于Webpack构建过程 ,不能只用fs模块读取并直接写入index.html

此外,内联JavaScript应该 不包括 任何WebpackJSONP包加载代码,只是纯JS。下面那个内联的JS应该是注入的常用捆绑脚本(不是内联的)。

我应该如何配置构建过程?谢谢你!

0 个答案:

没有答案