{"type":"rich","version":"1.0","provider_name":"Transistor","provider_url":"https://transistor.fm","author_name":"Programming Tech Brief By HackerNoon","title":"Creating A Custom Plugin for Vite: The Easiest Guide","html":"","width":"100%","height":180,"duration":411,"description":"\n This story was originally published on HackerNoon at: https://hackernoon.com/creating-a-custom-plugin-for-vite-the-easiest-guide.\nHow plugins work in Vite and how to create a custom plugin for Vite\nCheck more stories related to programming at: https://hackernoon.com/c/programming.\n You can also check exclusive content about #rollup, #create-custom-vite-plugin, #frontend, #how-to-publish-your-plugin, #vite-hooks, #create-plugins-tutorial, #hackernoon-top-story, #vite-tutorial-for-beginners, #hackernoon-es, #hackernoon-hi, #hackernoon-zh, #hackernoon-fr, #hackernoon-bn, #hackernoon-ru, #hackernoon-vi, #hackernoon-pt, #hackernoon-ja, #hackernoon-de, #hackernoon-ko, #hackernoon-tr, and more.\nThis story was written by: @gmakarov. Learn more about this writer by checking @gmakarov's about page,\n and for more stories, please visit hackernoon.com.\nFor the development server, it uses esbuild with native ES modules, which are supported by modern browsers, and we don’t need to bundle code into a single file, and it gives us fast HRM (Hot Module Replacement).\n\nFor the bundle, it uses a rollup.js because it’s flexible and has a large ecosystem; it allows the creation of highly optimized production bundles with different output formats.\n\nVite’s plugin interface is based on Rollup’s but with additional options and hooks for working with the dev server.","thumbnail_url":"https://img.transistorcdn.com/KhCapPSRkLGL2Xw8888yuChkNRWthaKapLYTvNdu4W4/rs:fill:0:0:1/w:400/h:400/q:60/mb:500000/aHR0cHM6Ly9pbWct/dXBsb2FkLXByb2R1/Y3Rpb24udHJhbnNp/c3Rvci5mbS9zaG93/LzQxMTY2LzE2ODM1/ODIzMzAtYXJ0d29y/ay5qcGc.webp","thumbnail_width":300,"thumbnail_height":300}