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