2

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

index.jade:

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

当索引文件被交付给客户端时， !{css}and!{js}标签将转换为相应的 html 标签。

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

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

换句话说：我不想将 Piler 与 Jade 一起使用，而是与标准 html 一起使用。

提前致谢。

4

1 回答 1

0

Piler 默认将 js 和 css 的 concat 版本存储在piler 缓存目录中，您可以outputDirectory在创建 JS/CSS 管理器时通过传递参数来指定该目录。

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。他们的文档很好地介绍了如何使用它。

于 2014-06-12T08:50:41.280 回答