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. What are all the query parameters for getEntityRecords?
  2. How to use wp.hooks.addAction() in React JS/Gutenberg?
  3. How to only enqueue block javascript on the frontend when its needed [duplicate]
  4. Extend core block in Gutenberg
  5. Gutenberg custom block plugin with custom image sizes
  6. Get loading state of wp data selector
  7. Is there a core Sortable component in Gutenberg?
  8. Hooking a callback into the code within a Gutenberg block
  9. initial open/toggle PluginDocumentSettingPanel panel in document setting block editor gutenberg
  10. Is there an equivalent of the PHP function sanitize_key in Gutenberg?
  11. Correctly handling WordPress core data retrieval in Gutenberg
  12. Is there a client side API for handling transients or options?
  13. Gutenberg Modify core taxonomy panel element via wp.hooks.addFilter
  14. What is “open()” in MediaUpload?
  15. Adding a text element in between title and blocks container
  16. Setting HTML properties in a Gutenberg plugin using WordPress settings
  17. Gutenberg RichText
  18. How to handle Gutenberg wp.data async errors?
  19. How to use wp.hooks.addAction() in React JS/Gutenberg?
  20. How to get value of selected page template in Gutenberg editor?
  21. How do I access site and block editor state data and use `useSelect()` or `withSelect()` to bind it to my components?
  22. @wordpress/components Button variants not styled
  23. Block Editor: How to get title and post content within the WordPress admin UI in Javascript?
  24. Custom block SelectControl works but equivalent ComboboxControl gives errors – where’s my mistake?
  25. How can I add Block Style support to the core HTML block in Gutenberg?
  26. Gutenberg add extra attributes to custom format
  27. event/callback on block update?
  28. can a buttongroup have a label?
  29. How to disable inline css styles generated by Gutenberg editor?
  30. Gutenberg getMedia() in post query doesn’t return all featured images
  31. InnerBlocks restricting does not work on nested blocks
  32. How to transform a legacy widget into a block
  33. Gutenberg: Block validation Failed Richtext undefined
  34. Add A Tag To A Post Through JavaScript In Gutenberg UI?
  35. Gutenberg select categories
  36. Add custom HTML markup to Gutenberg RichText
  37. How to return div with custom attributes(Coding a Gutenberg Block)
  38. What is the correct way to import the blocks-editor?
  39. Open MediaUpload from external component in Gutenberg
  40. Get Block Attributes in JSON REST API
  41. Open Featured Image Modal in WordPress Gutenberg onClick of a button
  42. Gutenberg extend blocks add new class name
  43. Search for a keyword across post types in a Gutenberg component
  44. Using apiFetch for retrieving post data in Gutenberg
  45. Looping over wordpress meta to create “ ‘s?
  46. How to display post content in the block editor
  47. How to load an additional script for a block in the block editor?
  48. Gutenberg consume wp-json data and reflect in frontend the content
  49. Trigger wp-embed via JavaScript to refresh iframe preview?
  50. How can I import one custom block into another?
  51. Gutenberg getBlockIndex in save() function
  52. Gutenberg Blocks: how to determine an index of the current inner block?
  53. Widgets and Post/Page edit/new blank, console errors only, no server errors
  54. Conditional save return on Gutenberg Block
  55. Gutenberg select excerpt, use generated excerpt or use more block excerpt
  56. Can I alter the block editor’s paste text behavior?
  57. How to read inline-CSS from Gutenberg block?
  58. Gutenberg RangeControl
  59. Custom Gutenberg block: access dom element via JavaScript
  60. Custom Block – save.js function not saving attributes
  61. Gutenberg – useEffect manipulate DOM after block re-renders DOM
  62. Add a Page Screen is Visually Blank
  63. Including dependencies using @wordpress/dependency-extraction-webpack-plugin
  64. Gutenberg sidebar show input field on toggle
  65. Get the ID of a page in Parent combobox in editor
  66. Uncaught TypeError: r is not a function
  67. WordPress Gutenberg Ajax request
  68. WP Gutenberg – custom block with two content fields
  69. How do I make a savable preview like Youtube Gutenberg block?
  70. Spans in gutenberg
  71. iFrame onLoad in custom Gutenberg block
  72. Block pattern conflict with custom block
  73. WordPress Gutenberg: Attribute overwritten by block duplicate
  74. Table block variation with header section activated
  75. Filtering Gutenberg Components, not Blocks
  76. Where to include JS library in gutenberg blocks
  77. How to detect if we are in the Site Editor part of the Block Editor (as opposed to editing a Page/Post) in JavaScript?
  78. How can I show a Slot/Fill in the block editor
  79. Is it possible to add javascript to template parts
  80. How to add a new attribute to core wp block editor without npm?
  81. How to add more elements to an already existing section in Gutenberg
  82. Working with a non-React external library in a custom block
  83. Create Youtube embed block with createBlock
  84. How to add a css class to postTitleWrapper in Gutenberg?
  85. Masonry gallery block is working in the block editor but not the template editor
  86. How to change the selected Template using javascript?
  87. How to import the imagesLoaded and Masonry libs that come with WP in a Gutenberg block?
  88. config @wordpress/scripts with webpack and postCSS features
  89. Jest Unit tests for High order component containing Block Editor
  90. How to build BOTH non-block components and blocks present in the /src directory using @wordpress/scripts
  91. How to transform a shortcode into a block
  92. Metabox conditionals depending on post format and template in Gutenberg
  93. How to re-render Gutenberg component when object instance is available
  94. How to access current discussion settings in gutenberg via JS?
  95. Gutenberg DatePicker component with time set to zero
  96. How to render HTML content using the Interactivity API?
  97. How to auto rename JS files to prevent browser cache issues
  98. How to get selected category objects in the block editor?
  99. How to render initial posts on page load in a Gutenberg block using the Interactivity API?
  100. How to include block style variations for blocks in posts dynamically rendered via the Interactivity API