01.2-webpack-entry.md

BitBag SyliusCmsPlugin

• ⬅️ Back

Installation - Add new entry to existing configs

• ✔️ Same webpack configuration for plugin and project assets
• ✔️ No need to add plugin assets globally (you can add it to specific pages)

1. Add new entries to your webpack.config.js

// ./webpack.config.js

// Shop config
    .addEntry('bitbag-cms-shop', 'vendor/bitbag/cms-plugin/src/Resources/assets/shop/entry.js')
    
// Admin config - add one of the following entries (CKeditor or Trix)
    // CKeditor
    .addEntry('bitbag-cms-admin', 'vendor/bitbag/cms-plugin/src/Resources/assets/admin/entry.js')
    // Trix
    .addEntry('bitbag-cms-admin', 'vendor/bitbag/cms-plugin/src/Resources/assets/admin/trix-entry.js')

2. Add encore functions to your templates

{# @SyliusShopBundle/_scripts.html.twig #}
{{ encore_entry_script_tags('bitbag-cms-shop', null, 'shop') }}

{# @SyliusShopBundle/_styles.html.twig #}
{{ encore_entry_link_tags('bitbag-cms-shop', null, 'shop') }}

{# @SyliusAdminBundle/_scripts.html.twig #}
{{ encore_entry_script_tags('bitbag-cms-admin', null, 'admin') }}

{# @SyliusAdminBundle/_styles.html.twig #}
{{ encore_entry_link_tags('bitbag-cms-admin', null, 'admin') }}

3. Run yarn encore dev or yarn encore production