Gutenberg-Boilerplate | — Easy | Content Management System library
kandi X-RAY | Gutenberg-Boilerplate Summary
kandi X-RAY | Gutenberg-Boilerplate Summary
Build your first Gutenberg Editor block! A boilerplate to build WP Gutenberg blocks and stuff! .
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Find the require module .
- when content is updated
Gutenberg-Boilerplate Key Features
Gutenberg-Boilerplate Examples and Code Snippets
Community Discussions
Trending Discussions on Gutenberg-Boilerplate
QUESTION
I recently refereed few Gutenberg compatible plugins. Example : https://github.com/HardeepAsrani/gutenberg-boilerplate. I am not able to get how following file is created
https://github.com/HardeepAsrani/gutenberg-boilerplate/blob/master/dist/block.js
I did an npm install and it provided me following files Files
Also not getting how webpack.config.js file is run.
Can anyone explain me ?
...ANSWER
Answered 2018-Dec-20 at 22:06I've recently used that same boilerplate, and FYI, the package.json
isn't well structured and has some old dependencies. I had to change some code in that file in order to get it to work. Here is my package.json:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install Gutenberg-Boilerplate
✅ Install & activate the Gutenberg WordPress plugin
✅ Then download and install/activate this Gutenberg Boilerplate plugin ← Just click this link to download.
🙊 All blocks added by this boilerplate are prefixed with GB as in Gutenberg-Boilerplate. Take a look at the GIFs below to see how to try 'em out.
🎯 To try the ESNext block, i.e. 02-basic-esnext go to it's directory i.e. gutenberg-boilerpalte/block/02-basic-esnext and run npm install. Make sure you have Node and npm installed. Then in the 02-basic-esnext directory run npm run dev for development or npm run build to build the production code.
💯 Now read the source code to learn how to build blocks. It's heavily documented.
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page