I’m making an attempt the create-block half as in https://developer.wordpress.org/block-editor/getting-started/create-block/
However the ‘wp-scripts begin’ command hangs and doesn’t come out.
I’m utilizing the newest WordPress domestically. and making an attempt the above.
~/WP/gutenpride$ npm run begin
> gutenpride@0.1.0 begin /residence/consumer/WP/gutenpride
> wp-scripts begin
property by chunk 17.6 KiB (title: index)
asset index.js 16.4 KiB [emitted] (title: index) 1 associated asset
asset index.css 1.03 KiB [emitted] (title: index) 1 associated asset
asset index.asset.php 145 bytes [emitted] (title: index)
asset fonts/gilbert-color.02d3d364.otf 612 KiB [emitted] [immutable] [from: assets/gilbert-color.otf] (auxiliary title: index)
asset ./style-index.css 1.09 KiB [emitted] (title: ./style-index) (id trace: model) 1 associated asset
asset block.json 656 bytes [emitted] [from: src/block.json] [copied]
Entrypoint index 18.7 KiB (625 KiB) = ./style-index.css 1.09 KiB index.css 1.03 KiB index.js 16.4 KiB index.asset.php 145 bytes 4 auxiliary property
runtime modules 5.6 KiB 16 modules
orphan modules 6.42 KiB (javascript) 612 KiB (asset) [orphan] 6 modules
constructed modules 4.41 KiB (javascript) 746 bytes (css/mini-extract) [built]
javascript modules 3.86 KiB
cacheable modules 3.7 KiB
modules by path ./src/*.js 3.6 KiB 3 modules
modules by path ./src/*.scss 100 bytes 2 modules
exterior ["wp","blocks"] 42 bytes [built] [code generated]
exterior ["wp","element"] 42 bytes [built] [code generated]
exterior ["wp","components"] 42 bytes [built] [code generated]
exterior ["wp","blockEditor"] 42 bytes [built] [code generated]
css modules 746 bytes
css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].guidelines[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].guidelines[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].guidelines[3].use[3]!./src/model.scss 444 bytes [built] [code generated]
css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].guidelines[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].guidelines[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].guidelines[3].use[3]!./src/editor.scss 302 bytes [built] [code generated]
./src/block.json 562 bytes [built] [code generated]
webpack 5.74.0 compiled efficiently in 6782 ms
Moreover,
When I attempt to create construct,it comes out with warnings.
WP/gutenpride$ npm run construct
> gutenpride@0.1.0 construct /residence/consumer/WP/gutenpride
> wp-scripts construct
property by chunk 1.87 KiB (title: index)
asset index.js 1.59 KiB [emitted] [minimized] (title: index)
asset index.asset.php 145 bytes [emitted] (title: index)
asset index.css 140 bytes [emitted] (title: index)
asset fonts/gilbert-color.02d3d364.otf 612 KiB [emitted] [immutable] [from: assets/gilbert-color.otf] [big]
asset block.json 656 bytes [emitted] [from: src/block.json] [copied]
asset ./style-index.css 170 bytes [emitted] (title: ./style-index) (id trace: model)
Entrypoint index 2.04 KiB = ./style-index.css 170 bytes index.css 140 bytes index.js 1.59 KiB index.asset.php 145 bytes
orphan modules 7.59 KiB (javascript) 612 KiB (asset) 2.09 KiB (runtime) [orphan] 25 modules
runtime modules 2.63 KiB 3 modules
constructed modules 4.31 KiB (javascript) 387 bytes (css/mini-extract) [built]
./src/index.js + 7 modules 4.31 KiB [not cacheable] [built] [code generated]
css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].guidelines[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].guidelines[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].guidelines[2].use[3]!./src/model.scss 248 bytes [built] [code generated]
css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].guidelines[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].guidelines[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].guidelines[2].use[3]!./src/editor.scss 139 bytes [built] [code generated]
WARNING in asset dimension restrict: The next asset(s) exceed the advisable dimension restrict (244 KiB).
This may impression internet efficiency.
Belongings:
fonts/gilbert-color.02d3d364.otf (612 KiB)
WARNING in webpack efficiency suggestions:
You may restrict the scale of your bundles through the use of import() or require.guarantee to lazy load some components of your utility.
For more information go to https://webpack.js.org/guides/code-splitting/
webpack 5.74.0 compiled with 2 warnings in 1489 ms
My function is to construct a plugin. In the end I ought to have the ability to add the plugin into my native setting.
Any assist can be appreciated!
–Shwetha