PROSAGA码农传奇-gulp-HTML作为Webpack入口点

<div class =“post-text”itemprop =“text”>
  
    严格来说，你不能做你所要求的
    的
      适用于整个应用程序
    </强>
  
  <BLOCKQUOTE>
    
      [使用] HTML作为Webpack入口点
    
  </BLOCKQUOTE>
  
    HTML文件无法引用硬盘中的本地文件（有模板系统，但这是另一回事）。 HTML文件由服务器提供，只能引用远程文件。
  
  
    使用Webpack，您将使用不同的
    <a href="https://webpack.js.org/concepts/loaders/" rel="nofollow noreferrer">
      装载机
    </A>
     能够对文件执行不同的操作，具体取决于它们具有的文件类型。
  
  
    你能做的是：
  
  <UL>
    <LI>
      如果您使用的是模板库或HTML导入，请将HTML用作其他HTML文件的Webpack入口点
    </LI>
    <LI>
      使用JS文件作为所有JS文件的Webpack入口点（通常是index.js）
    </LI>
    <LI>
      然后两个输出放在一个
       <code>
 dist
 </code>
       文件夹和HTML输出将引用您的JS输出，但不是相对或绝对路径（磁盘），它将使用远程资源定位器。这些标准是统一资源定位器，一个URL（相对URL）。请原谅过于详细（迂腐）的描述，我只想尽可能清楚地解释这一切背后的原因。
    </LI>
  </UL>
  <BLOCKQUOTE>
    
      但是，所有的文档和教程只讨论从.js开始。
    
  </BLOCKQUOTE>
  
    对于一个简单的网站，如单个网站，通常HTML根本不会进行任何预处理。并且，在构建步骤中采取的唯一操作是从中移动文件
     <code>
 src
 </code>
     至
     <code>
 dist
 </code>
    这就是教程倾向于关注JS方面的原因。
  
  
    从您的项目描述来看，它似乎是一个开始尝试的好地方
    <a href="https://github.com/webpack-contrib/html-loader" rel="nofollow noreferrer">
      HTML装载机
    </A>
     它支持缩小，解析图像路径等常用功能。
  
</DIV>