Install

1npm i -D posthtml-load-options

Usage

package.json

Create a posthtml section in package.json.

Root
  |– client
  |– public
  |
  |- package.json

1{
2  "dependencies": {
3    "posthtml-sugarml": "^1.0.0"
4  },
5  "posthtml": {
6    "parser": "posthtml-sugarss",
7    "from": "path/to/src/file.html",
8    "to": "path/to/dest/file.html"
9  }
10}

.posthtmlrc

Create a .posthtmlrc file.

Root
  |– client
  |– public
  |
  |-.posthtmlrc
  |- package.json

1{
2  "parser": "posthtml-sugarss",
3  "from": "path/to/src/file.html",
4  "to": "path/to/dest/file.html"
5}

posthtml.config.js

Create a posthtml.config.js file.

Root
  |– client
  |– public
  |
  |- posthtml.config.js
  |- package.json

1module.exports = (ctx) => {
2  return {
3    parser: ctx.ext ==='.sml' ? 'posthtml-sugarss' : false,
4    from: 'path/to/src/file.html',
5    to: 'path/to/dest/file.html'
6  }
7}

Options

parser:

1parser: 'posthtml-sugarss'

from:

1from: 'path/to/dest/file.html'

to:

1to: 'path/to/dest/file.html'

render:

1render: 'posthtml-jsx'

Context

When using a function in (posthtml.config.js), it's possible to pass context to posthtml-load-options, which will be evaluated before loading your options. By default ctx.env (process.env.NODE_ENV) and ctx.cwd (process.cwd()) are available.

Example

posthtml.config.js

1export default config = (ctx) => {
2  return {
3    parser: ctx.ext === '.sml' ? 'posthtml-sugarml' : false,
4    from: 'client/index.html',
5    to: 'public/index.html'
6  }
7}

1import { dirname } from 'path'
2import { readFileSync } from 'fs'
3
4import posthtml from 'posthtml'
5import optionsrc from 'posthtml-load-options'
6
7const sml = readFileSync('./client/index.sml', 'utf8')
8
9const ctx = { ext: dirname(sml) }
10
11optionsrc(ctx).then((options) => {
12  posthtml()
13    .process(sml, options)
14    .then((result) => console.log(result.html))
15}))

Maintainer

Michael Ciniawsky