How To Use Vite and Rollup Instead of Webpack
In this Web Development Tutorial, I show how to use Vite and Rollup to setup a Vanilla JS project to build a library for use in Browsers and as ES6 dependency in other projects. I also compare the results to a Webpack setup, from which I'm migrating to Vite.
You'll learn how to setup a Dev Container for Web Development, how to create a Vite project, how to create a custom configuration, and how to write a custom Rollup Plugin for SVG import.
★☆★ Chapters ★☆★
00:00 Introduction
01:18 Dev Container Setup
07:02 Vite Project Creation
09:37 Custom Rollup Config
13:48 Vite Test Server
14:50 Custom Rollup Plugin
16:16 Conclusion
★☆★ Typescript Gallery ★☆★
https://github.com/MichaelBreitung/mi...
★☆★ my Github ★☆★
https://github.com/MichaelBreitung/
★☆★ Links ★☆★
VSCode: https://code.visualstudio.com/
Vite: https://vitejs.dev/
Rollup: https://rollupjs.org/
★☆★ my Landscape Photography Channel ★☆★
/ mibreit
★☆★ homepage★☆★
http://www.michael-breitung.com
#rollup #webdevelopment