Question, Block content from file

Hi, this is not really an issue but more a question. I'm currently using custom blocks in my GrapesJS editor. This is how I create them :

editor.BlockManager.add('block-title', {
            label: `<div class="gjs-fonts gjs-f-b1 gjs-one-bg gjs-four-color-h"><div class="gjs-block-label">Bloc Titre</div></div>`,
            content: 
                `<style>
                    .mdc_title {
                        height: 500px;
                        width: 100vw;
                        position: relative;
                        margin-left: -50vw;
                        left: 50%;
                    }
                    .mdc_title h1 {
                        color: #fff;
                        background-color: #00bab9;
                        display: inline-block;
                        padding: 10px 80px;
                        margin-left: 1px;
                    }
                    @media screen and (max-width: 585px){
                        .mdc_title h1 {
                            font-size: 28px;
                            padding: 10px 20px;
                        }
                    }
                </style>
                <div class="mdc_title" data-gjs-custom-name="Bloc Titre">
                    <h1 data-gjs-custom-name="Titre">Tendance Cuisine</h1>
                </div>`,
            attributes: {
              title: ''
            }
        });

It works fine but for file optimization is it possible to load the content of the block like this :

editor.BlockManager.add('block-title', {
            label: `<div class="gjs-fonts gjs-f-b1 gjs-one-bg gjs-four-color-h"><div class="gjs-block-label">Bloc Titre</div></div>`,
            content: 
                `../myblock.html`,
            attributes: {
              title: ''
            }
        });

Can't achieve this.. Thanks for answers !