Generates a css-friendly page identifier from a webpack loader context
Note: This project is in early development, and versioning is a little different. Read this for more details.
npm install spike-page-id -S
Note: This project is compatible with node v6+ only
In your spike config:
const htmlStandards = require('reshape-standard')
const pageId = require('spike-page-id')
module.exports = {
// other config…
reshape: (ctx) => {
return htmlStandards({
locals: { pageId: pageId(ctx) }
})
}
}Now in your html, let's say it's called index.sgr:
html
head
title My page
body(id='{{ pageId }}')
p hello world
This will render something like:
<html>
<head>
<title>My page</title>
</head>
<body id='index'>
<p>hello world</p>
</body>
</html>If you are working with a page that's nested inside other folders, it will include all folders relative to the project root, separated by a hyphen. So for example:
views/index.sgr>indexviews/posts/welcome.sgr>posts-welcome
…and that's about it!
- Details on the license can be found here
- Details on running tests and contributing can be found here