blank-extension-venia
v1.0.8
Published
It is the library with a blank folder and files for quickly creating an extension for Magento Venia
Downloads
28
Maintainers
denyskuzReadme
Blank Template for Venia Extensions
It is the CLI command for creating a blank extension folder with all dependencies for Venia. It allows us to create an empty extension for the current project or for a global plugin with all configurations.
Install
npm i blank-extension-veniaOR
npx blank-extension-veniaUsage
blank-extension-veniaTemplate structure of global extension
Please don't forget to add your extension to trusted vendors for your project your_project/package.json in pwa-studio section.
Example:
{
"pwa-studio": {
"targets": {
"intercept": "./local-intercept.js"
},
"trusted-vendors": [
"@vendorName"
]
}
}├── src
│ └── components
│ └── index.js
│ └── Components.js
│ └── Components.module.css
│ └── talons
│ └── index.js
│ └── useComponent.js
│ └── targets
├── babel.config.js
├── index.js
├── intercept.js
├── jest.config.js
├── prettier.config.js
├── package.jsonTemplate structure of local extension
├── src
│ └── components
│ └── index.js
│ └── Components.js
│ └── Components.module.css
│ └── talons
│ └── index.js
│ └── useComponent.js
│ └── targets
├── index.js
├── intercept.js
├── package.jsonIntercept
The code in intercept.js makes it possible to include all files from the target folder, which will be included in intercept.js automatically.
intercept.js :
fs.readdirSync(__dirname + '/src/targets/').forEach( file => {
require('<%= projectVendorName %>/src/targets/' + file)(targets);
});