11ty web component generator:使用11ty的功能生成Web组件(自定义元素) 源码

:high_voltage: 11ty Web组件生成器 使用发电机 ,可以混合使用模板语言。 对于此生成器而言,更重要的是,我们可以自定义输出文件类型并根据include组合文件。 Web组件在输出最终.js文件的Nunjucks( .njk )模板中生成。 该生成器具有Eleventy的固有功能,包括希望模板和模板部分放在_includes 。 这将导致以下文件结构来创建具有样式和其他脚本的Web组件。 首先,在src/components/[component-name].njk创建组件模板文件。 kebab-case文件名很重要 然后在_includes/components/