如何使用 webpack 将 js 复制到 html 文件？

【问题标题】：How to copy js to html file with webpack?如何使用 webpack 将 js 复制到 html 文件？
【发布时间】：2019-05-10 04:25:50
【问题描述】：

我想在里面渲染带有 css、字体和 js 的 html 文件（没有链接，但里面有内容）。我有 Css 和字体，但我找不到 js 的解决方案。我在 Node.js 上工作。

【问题讨论】：

标签： javascript node.js express npm webpack

【解决方案1】：

您可以使用像html-webpack-inline-source-plugin 这样的插件。

添加到您的webpack.config.js 文件中的plugins 对象

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

注意 : 这个插件只适用于html-webpack-plugin

【讨论】：

【解决方案2】：

您可以使用代码块。

<code>js code here</code>

这是不可执行的代码。

【讨论】：

可能是误会了，我需要将编译好的js粘贴到webpack渲染的html上。