Javascript Webpack资产处理：将index.php中的src语句转换为require调用_Javascript_Php_Webpack_Webpack File Loader_Webpack Html Loader

Javascript Webpack资产处理：将index.php中的src语句转换为require调用

javascript php webpack

Javascript Webpack资产处理：将index.php中的src语句转换为require调用,javascript,php,webpack,webpack-file-loader,webpack-html-loader,Javascript,Php,Webpack,Webpack File Loader,Webpack Html Loader,我正在做一个有PHP后端和JavaScript前端的项目前端完全用普通JavaScript编写，但我的应用程序的起始页是一个index.php文件（而不是index.html）。php基本上是一个html文件，在php块中包含一些非常简单的php函数。webpack不需要解释PHP标记中的任何内容。在html正文中，我使用一些src语句来加载资产（图像和一些自定义格式的模板） index.php示例（伪代码）：由于大多数东西都按预期运行，我相信我的网页配置基本上是正确的但是对于仅html

我正在做一个有PHP后端和JavaScript前端的项目

前端完全用普通JavaScript编写，但我的应用程序的起始页是一个

index.php

文件（而不是index.html）。php基本上是一个html文件，在php块中包含一些非常简单的php函数。webpack不需要解释PHP标记中的任何内容。在html正文中，我使用一些src语句来加载资产（图像和一些自定义格式的模板）

index.php示例（伪代码）：

由于大多数东西都按预期运行，我相信我的网页配置基本上是正确的

但是

对于仅html的frontpage，webpacks html loader将解析src语句的index.html并将其转换为require调用（对吗？）。但是我不能让它与php文件一起工作

如何制定规则，使用适当的加载程序检查php文件（最好是我的index.php），以便将src语句自动转换为require调用

提前谢谢

Christian

只是一个想法：可以告诉html加载程序忽略php标记吗？

<?php
  require_once('../server/someFile.php');

  somethingSimple();

  function somethingSimple() {
    /* does something very simple */
  }
?>

<!DOCTYPE html>
<html lang=en>

<head>
  <meta charset=UTF-8>
  <title>Example</title>
</head>

<body>
  <div id=someContainer>
    <img src="pathToSomeImage"/>    <!-- this is causing trouble -->
  </div>
</body>
</html>

  <div id=someContainer>
    <img src=<%- require("pathToSomeImage") %/>     <!-- this is working -->
  </div>