我正在使用带有Piler的Node.js (https://github.com/epeli/piler)。项目网站上的示例展示了如何在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文件而使用index.html文件的情况下使用Piler?index.html中的!{css}
和!{js}
标签应该是什么样子的?
换句话说:我不想在Jade中使用Piler,而是使用标准的html。
提前谢谢。
发布于 2014-06-12 16:50:41
默认情况下,Piler将js和css的合并版本存储在piler缓存目录中,您可以在创建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。
https://stackoverflow.com/questions/15668980
复制相似问题