Update "Add entry to the Webpack configuration" for 5.0

[adriendupuis]

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

[github-actions]

Preview of modified files

Preview of modified Markdown:

• docs/content_management/images/extend_image_editor.md

[github-actions]

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