Menu
When i start building my nuxt js project, I write:
nuxt build or npm run build
The result of the excution is the dist folder that contains index.html
<html>
<head>
</head>
<body>
<div id="__nuxt">
<style>
</style>
<div class="sk-folding-cube">
<div class="sk-cube1 sk-cube"></div>
<div class="sk-cube3 sk-cube"></div>
</div>
</div>
<script type="text/javascript" src="/_nuxt/d3be7369ce502214a6cb.js"></script>
</body>
</html>
I wonder if thier any method to generate a Web Component https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements for nuxt js project using babel or others methods ?.
I have only this resource in github of nuxt but it is old https://github.com/nuxt/nuxt.js/issues/2478
544
I'm doing my own research on the topic and am currently building a prototype with nuxt-custom-elements (https://github.com/GrabarzUndPartner/nuxt-custom-elements). You can configure the web component directly from your nuxt.config.js. When building the project, the configured components are then automatically generated and can either be extracted from the build folder or delivered later with nuxt directly on server-side.
144
answered Nov 23 '25 21:11
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
