Gutenberg dependencies in package.json

Yes and no, it depends…

The WP Scripts package depends on the @wordpress/dependency-extraction-webpack-plugin package at:

https://github.com/WordPress/gutenberg/tree/master/packages/dependency-extraction-webpack-plugin

What this will do is search for packages from @wordpress and list them in a file to make it easy for you to load the list of dependencies when enqueuing. It also adjusts webpack so that it knows not to compile in those dependencies, but instead rely on WordPress to provide them at runtime via enqueuing. As a result, the packages aren’t needed, and you don’t end up with 20 copies of @wordpress/element loaded on the page from every extra block installed.

So, you don’t need to put @wordpress/element in your package.json requirements when using wp scripts to build the assets. This only applies to WordPress packages though. Other libraries on the other hand get included the normal way.

Related Posts:

  1. Trigger Javascript on Gutenberg (Block Editor) Save
  2. Gutenberg – remove / add blocks with custom script
  3. How to use wp.hooks.addAction() in React JS/Gutenberg?
  4. Show control conditionally in Gutenberg
  5. Gutenberg custom block plugin with custom image sizes
  6. How to get the ToggleControl Gutenberg component working for a PHP Block
  7. Is there a core Sortable component in Gutenberg?
  8. Hooking a callback into the code within a Gutenberg block
  9. conditional layout based on if Innerblocks is not empty
  10. Gutenberg extend blocks add new class name
  11. initial open/toggle PluginDocumentSettingPanel panel in document setting block editor gutenberg
  12. Is there an equivalent of the PHP function sanitize_key in Gutenberg?
  13. What do the args for Gutenberg subpackage “hooks” function “doAction” mean?
  14. How do I fire a snackbar notice in admin?
  15. Gutenberg Modify core taxonomy panel element via wp.hooks.addFilter
  16. What is “open()” in MediaUpload?
  17. Why is this gutenberg custom format button only available from the toolbar as a dropdown?
  18. Setting HTML properties in a Gutenberg plugin using WordPress settings
  19. Provide specific example for block variation
  20. Use useSelect/useDispatch instead of withSelect/withDispatch
  21. How to handle Gutenberg wp.data async errors?
  22. Set current tab on a Gutenberg TabPanel component from outside that component
  23. Block editor: How to check if block editor has initialized and populated the data store?
  24. Load script after block is inserted
  25. Gutenberg block “This block appears to have been modified externally” on save
  26. How to get value of selected page template in Gutenberg editor?
  27. How do I access site and block editor state data and use `useSelect()` or `withSelect()` to bind it to my components?
  28. @wordpress/components Button variants not styled
  29. Gutenberg passing block attributes to component in ES6/ESNext
  30. Can the index.asset.php file be used with the enqueue_block_editor_assets action?
  31. How can I add Block Style support to the core HTML block in Gutenberg?
  32. var is undefined in a Gutenberg block
  33. Gutenberg add extra attributes to custom format
  34. Using wp.data.select get actual tags (not id’s) used in post
  35. can a buttongroup have a label?
  36. How to remove p / br elements from gutenbergs editor
  37. Programatically update posts in database from one block to another using transform
  38. Gutenberg getMedia() in post query doesn’t return all featured images
  39. InnerBlocks restricting does not work on nested blocks
  40. How to transform a legacy widget into a block
  41. Gutenberg: Block validation Failed Richtext undefined
  42. Gutenberg select categories
  43. Add custom HTML markup to Gutenberg RichText
  44. Listening change event of taxonomy term checkboxes in Gutenberg editor
  45. Gutenberg get core data – search
  46. What is the correct way to import the blocks-editor?
  47. Get Block Attributes in JSON REST API
  48. Open Featured Image Modal in WordPress Gutenberg onClick of a button
  49. Gutenberg extend blocks add new class name
  50. How to add classes and events to image in javascript using Gutenberg?
  51. Checks when fetching data from multiple REST API endpoints in Gutenberg
  52. Search for a keyword across post types in a Gutenberg component
  53. Using apiFetch for retrieving post data in Gutenberg
  54. Add custom classes for blocks in editor based on custom attributes
  55. How to load an additional script for a block in the block editor?
  56. useSelect second parameter
  57. How can I allow HTML in Gutenberg UI elements help text?
  58. what is the purpose of the namespace argument when customizing blocks?
  59. Trigger wp-embed via JavaScript to refresh iframe preview?
  60. How can I import one custom block into another?
  61. Gutenberg getBlockIndex in save() function
  62. Gutenberg Blocks: how to determine an index of the current inner block?
  63. Widgets and Post/Page edit/new blank, console errors only, no server errors
  64. Trying to turn the Edit function into a class to be able to use React lifecycle methods
  65. Get terms of a taxonomy using useSelect
  66. Gutenberg richtext block vaildation failed
  67. UnitControl – Block has encountered an error
  68. Conditional save return on Gutenberg Block
  69. Gutenberg select excerpt, use generated excerpt or use more block excerpt
  70. Can I alter the block editor’s paste text behavior?
  71. Custom Gutenberg-Block esnext pass variables
  72. Building a Featured Gallery component for Gutenberg
  73. find out reason of “Updating failed” in Post-editor
  74. How to read inline-CSS from Gutenberg block?
  75. Gutenberg RangeControl
  76. Custom Block – save.js function not saving attributes
  77. Gutenberg – useEffect manipulate DOM after block re-renders DOM
  78. Problem extending a core block
  79. Cannot read properties of undefined (reading ‘show_ui’) Error on WordPress Post Editor
  80. Add a Page Screen is Visually Blank
  81. Gutenberg sidebar show input field on toggle
  82. Get the ID of a page in Parent combobox in editor
  83. Issue migrating a checkbox-type meta field to the block editor
  84. Update block once an API request returns with a value
  85. Gutenberg – dynamically created element: how to set onChange?
  86. Custom block update rendering when reused
  87. WordPress Gutenberg Ajax request
  88. WP Gutenberg – custom block with two content fields
  89. Gutenberg Edit Block Inspector Controls and save
  90. Spans in gutenberg
  91. Block pattern conflict with custom block
  92. Table block variation with header section activated
  93. Where to include JS library in gutenberg blocks
  94. How to delete child block for associated parent block
  95. How to detect if we are in the Site Editor part of the Block Editor (as opposed to editing a Page/Post) in JavaScript?
  96. How can I show a Slot/Fill in the block editor
  97. Is it possible to add javascript to template parts
  98. How to add a new attribute to core wp block editor without npm?
  99. How to add more elements to an already existing section in Gutenberg
  100. WordPress adds and tags into HTML blocks after saving