Question

我正在使用Node.js和Piler（https://github.com/epeli/piler）。项目网站上的示例显示了如何将Piler与index.jade文件一起使用。

index.jade：

!!! 5
html
  head
    !{css}
    !{js}
  body
    h1 Hello Piler

当索引文件传递到客户端时，!{css}和!{js}标记将转换为相应的html标记。

例如：<script type="text/javascript" src="myscript.js"></script>

如何在没有index.jade文件的情况下使用Piler，而是使用index.html文件？ index.html中的!{css}和!{js}标记应该是什么样的？

换句话说：我不想使用Piler和Jade，而是使用标准的html。

提前致谢。

Answer 1

默认情况下，Piler将js和css的concat版本存储在piler cache目录中，您可以在创建JS / CSS Manager时通过传递outputDirectory参数来指定。

pilerCachePath = '/www/your-project/public-path/assets/';
var clientjs = piler.createJSManager({outputDirectory: pilerCachePath});
var clientcss = piler.createCSSManager({outputDirectory: pilerCachePath});

您可以定义可以访问的公共路径，然后在html中，只需使用这些路径

<!-- ... -->
<link rel="stylesheet" type="text/css" href="/assets/global.css">
</head>
<body>
<!-- ... -->
<script type="text/javascript" src="/assets/global.js"></script>
</body>

但是，我建议为此目的使用gruntjs。他们的文档有very good introduction如何使用它。

如何使用标准HTML代替Jade的Piler？

1 个答案: