Question

目前，我知道这一点：

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
    <link href="css/main.css" rel="stylesheet"></head>
  </head>
  <body>
  <div id="app">
  </div>
  <script type="text/javascript" src="js/main.js"></script></body>
</html>

我希望脚本和css标签注入如下：

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
    <link href="http://cdn.foo.com/css/main.css" rel="stylesheet"></head>
  </head>
  <body>
  <div id="app">
  </div>
  <script type="text/javascript" src="http://cdn.foo.com/js/main.js"></script></body>
</html>

其他人保持不变。即（输出文件可以照常保存在本地）

Answer 1

似乎没有选择。我在源代码中注入了几行并通过以下方法解决了这个问题：

  new HtmlWebpackPlugin({
    prefix: 'http://cdn.foo.com',
  })

如果你没有设置prefix选项（即使你设置它们实际上似乎无害），这些行是完全无害的。更多信息请查看pr。

如何在html-webpack-plugin中为脚本和css标签添加前缀（scheme＆amp; host＆amp; port）？

1 个答案: