Documentation: Fix missing CSS import in data basics tutorial code
#69914
Conversation
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
|
Can someone explain .. Whenever you change in your src/block/block.json https://developer.wordpress.org/block-editor/getting-started/tutorial/ it still generated as style-index.css i believe because style.css is imported in index.js and generated as style-index.js but it doesnt feel very logical what happens here. I guess whatever the name in block.json is for style: "" should be generated in the dist folder |
Can you please elaborate a bit on what you're seeing as the problem?
|
Co-authored-by: im3dabasia <im3dabasia1@git.wordpress.org> Co-authored-by: t-hamano <wildworks@git.wordpress.org>
What?
Closes: No issue (Small doc fix)
Why?
The current code example in the data basics tutorial is missing the necessary CSS import statement in index.js, which prevents the styles from being included in the build process. Without this import, the style-index.css file isn't generated in the build directory, causing the PHP enqueue statement to reference a non-existent file.
How?
Add the CSS import line to the index.js code example in the tutorial documentation. This ensures that when users follow the tutorial and run the build process, the CSS file will be properly processed and available for the PHP code to enqueue.
Testing Instructions
npm startto build the pluginbuild/style-index.cssfile is createdScreenshots or screencast
Screen.Recording.2025-04-16.at.4.45.46.PM.mov