documentation-developer icon indicating copy to clipboard operation
documentation-developer copied to clipboard

Update "Add entry to the Webpack configuration" for 5.0

Open adriendupuis opened this issue 2 months ago • 2 comments

Question Answer
JIRA Ticket N/A
Versions 5.0
Edition All

webpack.config.js: Update ibexaConfigManager and getIbexaConfig paths

  • https://github.com/ibexa/recipes-dev/blob/master/ibexa/oss/4.6/encore/webpack.config.js
  • https://github.com/ibexa/recipes-dev/blob/master/ibexa/oss/5.0/encore/webpack.config.js
    • ibexaConfig isn't available by default anymore

Previews:

  • https://ez-systems-developer-documentation--2895.com.readthedocs.build/en/2895/content_management/images/extend_image_editor/#add-entry-to-the-webpack-configuration:~:text=webpack.config.js
  • https://ez-systems-developer-documentation--2895.com.readthedocs.build/en/2895/administration/back_office/customize_search_suggestion/#add-custom-suggestion-source:~:text=webpack.config.js

Checklist

  • [ ] Text renders correctly
  • [ ] Text has been checked with vale
  • [ ] Description metadata is up to date
  • [ ] Redirects cover removed/moved pages
  • [ ] Code samples are working
  • [ ] PHP code samples have been fixed with PHP CS fixer
  • [ ] Added link to this PR in relevant JIRA ticket or code PR

adriendupuis avatar Sep 09 '25 12:09 adriendupuis

Preview of modified files

Preview of modified Markdown:

github-actions[bot] avatar Sep 09 '25 12:09 github-actions[bot]

code_samples/ change report

Before (on target branch)After (in current PR)

code_samples/back_office/image_editor/config/webpack.config.js


code_samples/back_office/image_editor/config/webpack.config.js

docs/content_management/images/extend_image_editor.md@37:``` js
docs/content_management/images/extend_image_editor.md@38:[[= include_file('code_samples/back_office/image_editor/config/webpack.config.js', 6, 7) =]]//...
docs/content_management/images/extend_image_editor.md@39:[[= include_file('code_samples/back_office/image_editor/config/webpack.config.js', 50, 55) =]]
docs/content_management/images/extend_image_editor.md@40:```

001⫶const ibexaConfigManager = require('./ibexa.webpack.config.manager.js');
002⫶//...
003⫶ibexaConfigManager.add({
004⫶ ibexaConfig,
005⫶ entryName: 'ibexa-admin-ui-layout-js',
006⫶ newItems: [ path.resolve(__dirname, './assets/random_dot/random-dot.js'), ],
007⫶});
docs/content_management/images/extend_image_editor.md@37:``` js hl_lines="10"
docs/content_management/images/extend_image_editor.md@38:[[= include_file('code_samples/back_office/image_editor/config/webpack.config.js', 51, 62) =]]
docs/content_management/images/extend_image_editor.md@39:```

001⫶/* Get ibexaConfig and ibexaConfigManager */
002⫶const ibexaConfigManager = require('@ibexa/frontend-config/webpack-config/manager');
003⫶const getIbexaConfig = require('@ibexa/frontend-config/webpack-config/ibexa');
004⫶const ibexaConfig = getIbexaConfig();
005⫶
006⫶/* Add dot action to Admin UI layout JS */
007⫶ibexaConfigManager.add({
008⫶ ibexaConfig,
009⫶ entryName: 'ibexa-admin-ui-layout-js',
010❇️ newItems: [ path.resolve(__dirname, './assets/random_dot/random-dot.js'), ],
011⫶});


code_samples/back_office/search/append_to_webpack.config.js

docs/administration/back_office/customize_search_suggestion.md@120:``` javascript
docs/administration/back_office/customize_search_suggestion.md@121://…
docs/administration/back_office/customize_search_suggestion.md@122:[[= include_file('code_samples/back_office/search/append_to_webpack.config.js') =]]
docs/administration/back_office/customize_search_suggestion.md@123:```

001⫶//…


code_samples/back_office/search/append_to_webpack.config.js

docs/administration/back_office/customize_search_suggestion.md@120:``` javascript
docs/administration/back_office/customize_search_suggestion.md@121://…
docs/administration/back_office/customize_search_suggestion.md@122:[[= include_file('code_samples/back_office/search/append_to_webpack.config.js') =]]
docs/administration/back_office/customize_search_suggestion.md@123:```

001⫶//…
002⫶const ibexaConfigManager = require('./ibexa.webpack.config.manager.js');
003⫶
004⫶ibexaConfigManager.add({
005⫶ ibexaConfig,
006⫶ entryName: 'ibexa-admin-ui-layout-js',
007⫶ newItems: [path.resolve(__dirname, './assets/js/admin.search.autocomplete.product.js')],
008⫶});
002⫶const ibexaConfigManager = require('@ibexa/frontend-config/webpack-config/manager');
003⫶const getIbexaConfig = require('@ibexa/frontend-config/webpack-config/ibexa');
004⫶const ibexaConfig = getIbexaConfig();
005⫶
006⫶ibexaConfigManager.add({
007⫶ ibexaConfig,
008⫶ entryName: 'ibexa-admin-ui-layout-js',
009⫶ newItems: [path.resolve(__dirname, './assets/js/admin.search.autocomplete.product.js')],
010⫶});


Download colorized diff

github-actions[bot] avatar Sep 09 '25 14:09 github-actions[bot]