happyvalleyio / parcel-plugin-pebble Goto Github PK

Pebble isn't just for HTML, it's a perfectly good tool for rendering JS or CSS etc too. As such, the tool should have some way of identifying what type of resource a file is from its extension: e.g. .js.peb.

It might allow configuration, but I'd like to see how far I can get without it.

Since this plugin should work well with jinja or twig we should allow users to customize the file extensions it applies to.

Inline styles with calc values depending on pebble variables are causing build failures in the minification step.

To reproduce:

<div style="height: calc(100px/{{ foo }})"></div>

This is caused by PostCSS attempting to precalculate this value at build time. Since we're probably only using inline styles when we want to bind to some server-side model, it is unlikely that we would be able to precalculate these values anyway. However, we don't think that disabling this behaviour by default on this plugin is the correct decision. We think it should be disabled on a per-project basis.

To disable, create a file in base directory cssnano.config.js with contents

module.exports = {
    preset: ['default', {
        calc: false
    }]
}