嗯…这是经过修改后的blocks,我们再顺着调用的路径，打开文件srcliblocks.js,这文件的作用是修改对应的角色（target)块的菜单项。
第一步，引入scratch-blocks,这是已经编译好的文件
第二步，根据vm的数据修改blocks的菜单项。比如looks_costume块的修改代码如下：
在修改之前，looks_costume块的菜单项这样子的：
菜单项是原来在scratch-blocks里定义的，没有变化。
修改后是这样子的：
看到没？菜单项的数据和vm联系起来了。
再举个例子吧，比如修改workspace界面在block上右键弹出菜单项，我要保留’添加注释’，然后把其他两项去掉，修改前，右键弹出菜单是这样子的：
在srclib下创建scratch-blocks-modify文件夹，文件夹里创建了blocks_svg.js文件，从scratch-blocks的core文件夹中找到blocks_svg.js,把其中需要修改的函数代码复制过来。修改的blocks_svg.js文件代码如下 ：
注意：现在可以使用es6来编写代码了。
然后在srcliblocks.js文件引入 ：
blockSvgModify是导入的函数变量。
最后刷新下界面，修改生效：
方法：知道要修改的scratch-blocks的代码，然后把代码复制到一个js文件中修改，作为一个函数导出来，再把ScratchBlock作为参数传进去，函数返回的就是改过后的scratch-block文件了。
小结：我们可以通过引入scratch-block到一个文件中，在这个文件中修改我们想要修改的scratch-block函数、属性和方法，再导出来，实现我们想要的效果。而且这种方法是热修改。和修改react一样，每次修改会引起gui界面相应的变化，避免反复编译源文件繁琐的过程。
到此这篇关于scratch3.0二次开发之scratch-blocks的免编译修改方法的文章就介绍到这了,更多相关scratch blocks的免编译内容请搜索七叶笔记以前的文章或继续浏览下面的相关文章希望大家以后多多支持七叶笔记！
