文章来源于网络收集而来，版权归原创者所有，如有侵权请及时联系！

HTML

发布于 2019-05-26 15:36:16 字数 1361 浏览 974 评论 0 收藏 0

支援的副档名：htm 及 html

HTML 是常被提供给 Parcel 作为进入点的档案，它也可以被 JavaScript 引用，像是提供至其他页面的连结。

脚本档、样式档、媒体档及其它的 HTML 档案将会用上述的方式进行提取及编译。 HTML 中引入的连结将会被改写使其可连结至输出的档案。

所有的档名必须使用相对于目前 HTML 档案的路径。

<html>
<body>
  <!-- 引用一张图档 -->
  <img src="./images/header.png">

  <a href="./other.html">连结至另外一页</a>

  <!-- 汇入一个 JavaScript bundle -->
  <script src="./index.js"></script>
</body>
</html>

汇入未编译的资源

你可以在 HTML 中直接连结可被 Parcel 编译的档案（如：JavaScript、TypeScript 及 SCSS 等等），Parcel 将会自动处理这类档案并更新连结以指向编译后的资源。

<html>
  <head>
    <!-- 引入一个 SCSS 档案 -->
    <link rel="stylesheet" href="./my-styles/style.scss">
  </head>
</html>

PostHTML 是款支援外挂扩充的 HTML 转换工具。若要在 Parcel 中使用 PostHTML ，你可以建立下列其中一个设定档：.posthtmlrc (JSON)、.posthtmlrc.js 或 posthtml.config.js。

首先在你的 app 中安装外挂：

yarn add posthtml-img-autosize

接着建立 .posthtmlrc：

{
  "plugins": {
    "posthtml-img-autosize": {
      "root": "./images"
    }
  }
}

使用外挂时需于 plugins 内新增一个属性，外挂选项则为此属性的值，并以物件形式设定。若外挂无需设定，将属性值设定为 true 即可。

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

列表为空，暂无数据

HTML

汇入未编译的资源

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。