2013-03-27 83 views
2

我正在使用Node.js和Piler(https://github.com/epeli/piler)。 项目网站上的示例显示了如何将piler与index.jade文件一起使用。如何使用标准HTML而不是Jade使用Piler?

index.jade:当索引文件被交付给客户

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

!{css}!{js}标签将转化为相应的HTML标签。

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

如何使用堆垛机没有index.jade文件,而是与index.html文件? 什么是!{css}!{js}标签应该看起来像在index.html?

换句话说:我不想使用Piler Jade,而是使用标准的HTML。

在此先感谢。

回答

0

默认情况下,Piler将js和css的concat版本存储在piler缓存目录中,您可以通过在创建JS/CSS管理器时传递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