如何使用标准HTML而不是Jade使用Piler?
我用Piler( https://github.com/epeli/piler )使用Node.js。 项目网站上的示例显示了如何使用带有index.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文件的Piler,而是使用index.html文件? 什么是!{css}
和!{js}
标签应该看起来像在index.html?
换句话说:我不想用Jade的Piler,而是用标准的HTML。
提前致谢。
默认情况下, outputDirectory
将js和css的concat版本存储在pilercaching目录中,您可以在创buildJS / CSSpipe理器时通过传递outputDirectory
参数来指定这些outputDirectory
。
pilerCachePath = '/www/your-project/public-path/assets/'; var clientjs = piler.createJSManager({outputDirectory: pilerCachePath}); var clientcss = piler.createCSSManager({outputDirectory: pilerCachePath});
你可以定义一个你可以访问的公共path,然后在你的html中,使用这些path
<!-- ... --> <link rel="stylesheet" type="text/css" href="/assets/global.css"> </head> <body> <!-- ... --> <script type="text/javascript" src="/assets/global.js"></script> </body>
不过,我会build议使用gruntjs来达到这个目的。 他们的文档有很好的介绍如何使用它。