我将 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 文件但使用 index.html 文件的情况下使用 Piler?
什么是!{css}
和 !{js}
标签应该看起来像 index.html 中的样子?
换句话说:我不想将 Piler 与 Jade 一起使用,而是与标准 html 一起使用。
提前致谢。
最佳答案
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});
您可以定义一个您可以访问的公共(public)路径,然后在您的 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 - 如何使用带有标准 HTML 而不是 Jade 的 Piler?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15668980/