metalsmith-relative 一个metalsmith插件，它向元数据添加一个函数来计算相对路径

金属匠亲属一个metalsmith插件，它向元数据添加一个函数来计算相对路径。当您无法使用绝对路径时，这很有用，因为您部署到不同的上下文根。用法将插件添加到您的构建中：

var relative = require ( 'metalsmith-relative' ) ; 

var opts = { methodName : 'relative' } ; 

// see options for further information 

metalsmith . use ( relative ( { opts } ) ) ;

在您的模板中使用它（例如在/foo/bar/baz.jade ）：

script ( src = relative ( ' /js/foobar.js ' ) )

结果是：

<script src="../js/foobar.js">script>

这种方法对于处理相对路径特别有帮助，您可能会在不同上下文根中部署时遇到类似问题。想要了解更多关于如何将Sass编译到您的Metalsmith项目中？可以参考metalsmith sass Metalsmith的Sass插件源码。如果您需要使用Babel编译JavaScript，试试metalsmith babel一个Metalsmith插件可通过Babel编译JavaScript源码。遇到断开的链接怎么办？metalsmith link checker一个Metalsmith插件用于检查断开的链接源码可能是您所需要的工具。更多相关信息可以在metalsmith.io Metalsmith的网站源码找到。

为什么不尝试一下Metalsmith与Gulp结合的入门模板呢？这会让你的项目更加高效：metalsmith gulp boilerplate Metalsmith加Gulp加Jest项目的入门模板源码。您还可以看看这个基于Metalsmith前端样板项目，或者使用前端开源库metalsmith beautify来美化您的代码。是不是觉得选择太多了？挑一个试试吧，或许会发现它们中有适合您项目的利器！