Create a plugin

Each plugin follows a specific structure that must be respected for Webpack to correctly interpret your project.

Also, each plugin has its own Webpack configuration file, in which you must specify the name(s) of the plugin(s) that Webpack should process.

More

Plugins are not React. Its regular JS/PHP development.

Entry Points

|— pluginslug
    |— js
        — App.js
    |— medias
        — Medias.js
    |— scss
        — App.scss
    |— template
        — index.php

Locations

• Located in src/plugins
• Webpack configuration: configs/webpack.plugins.config.js

Directories Overview

js directory:
Entry point need to be in js.

medias directory:
Use the Medias.js entry point file for import a media that you can’t import in another file.

scss directory:
You can easily switch to SASS by passing your extension file to .sass instead of .scss, by removing brackets and by replacing /scss/App.scss to /sass/App.sass in your webpack config files.

template directory:
Add to/overwrite plugin production files.