WebpackHTMLPlugin 输出带有前缀的构建引用

Question

我的 Express 应用程序有一个配置选项，用于确定是否从单独的 URL（例如使用 webpack-dev-server）中提取静态内容（JS、CSS 等）或在 Express 应用中通过 express.static() 提供 "inline"。所以我需要根据该配置输出不同的来源：

<script src="{STATIC_CONTENT_PATH}/[resource reference]"></script>

其中 {STATIC_CONTENT_PATH} 是网络服务器的来源，如果是内联服务，或者是内容服务器的来源，如果是单独的运行。到目前为止，我只能让它输出相对于站点根目录 (/publicPath/[resource reference]) 的路径。有没有一种简单的方法可以为插件输出的标签中使用的路径添加前缀？

Answer 1

我认为没有任何现有选项可以执行此操作，所以我只使用了 template，其中包含以下内容：

<%= _.map(htmlWebpackPlugin.files.js, (path) => `<script src="${htmlWebpackPlugin.options.staticContentURL}${path}"></script>` ).join("") %>

（我还通过 URL 作为插件的配置选项）

WebpackHTMLPlugin 输出带有前缀的构建引用

WebpackHTMLPlugin output built references with a prefix

html-webpack-plugin