PWAStudio .targetables.js Plugins

Allows to use .targetables.js for PWAStudio

Usage Exsample

const { ExtendLocalIntercept } = require('@larsroettig/component-targetables');

function localIntercept(targets) {
    const { Targetables } = require('@magento/pwa-buildpack');
    const targetables = Targetables.using(targets);

    const extendLocalIntercept = new ExtendLocalIntercept(targetables);
    extendLocalIntercept.allowCustomTargetables();
    extendLocalIntercept.allowCssOverwrites();
}

module.exports = localIntercept;

Big shoutout to Chris Brabender for this blog post https://dev.to/chrisbrabender/simplifying-targetables-in-pwa-studio-p8b

Api Documentation

allowCssOverwrites

▸ allowCssOverwrites(targetablesSearchPaths?, fileExtendsion?, magentoPath?): void

Parameters

| Name | Type | Default value | | :------ | :------ | :------ | | fileExtendsion | string | '*.module.css' | | targetablesSearchPaths | string[]| ['src/components', 'src/RootComponents'] | | magentoPath | string | 'node_modules/@magento' |

Returns

void

allowCustomTargetables

▸ allowCustomTargetables(targetablesSearchPaths?, fileExtendsion?, magentoPath?): void

Allows to place a custome targetable with given matching filepattern.

Parameters

| Name | Type | Default value | | :------ | :------ | :------ | | fileExtendsion | string | '*.targetables.js' | | targetablesSearchPaths | string[]| ['src/components', 'src/RootComponents'] | | magentoPath | string | 'node_modules/@magento' |

Returns

void

Demo

https://github.com/larsroettig/demo-component-targetables