Webpack：如何将 javascript 注入 HTML 而不是单独的 JS 文件

Question

Webpack：如何将 javascript 注入 HTML 而不是单独的 JS 文件

Ste*_*hen 5 javascript webpack webpack-4

有没有办法让 webpack 将输出注入 HTML 而不是单独的文件？

<html>
  <head>
  </head>
  <body>
    <script type="text/javascript">
      // webpack puts the output here
    </script>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Ste*_*hen 4

我不得不使用html-webpack-inline-source-plugin. https://github.com/DustinJackson/html-webpack-inline-source-plugin

plugins: [
  new HtmlWebpackPlugin({
    inlineSource: '.(js|css)$' // embed all javascript and css inline
  }),
  new HtmlWebpackInlineSourcePlugin()
]

Run Code Online (Sandbox Code Playgroud)

作品！但在 webpack 4.39 版本中，它最初抛出了一个错误。通过使用测试版本：“html-webpack-inline-source-plugin@1.0.0-beta.2”并将其与“new HtmlWebpackInlineSourcePlugin(HtmlWebpackPlugin)”一起使用来解决这个问题。 (2认同)

归档时间：	7 年，3 月前
查看次数：	3830 次
最近记录：	7 年，3 月前