Remember vite2 X packaging optimization process

backgroundThe latest requirement is to embed h5 in the client webview and use vite2 X and vue3. When the first version was tested, it was found that after packaging, the total package size was more than 4M, so there was a lot of room for optimization.Tool chain descriptionCurrently vite2 X is packaged based on rollup, not esbuild. See hereUse r ...

Posted by Albright on Sat, 26 Feb 2022 01:43:14 +0100

[process + vilint] how to build a series of projects

1, Create project sectionCreate a new project using Viteyarn create vite2, ESlint usage sectionAdd ESlintyarn add eslint --devInitialize ESlintyarn run eslint --initAt this time, there will be eslint verification when writing code. Let's configure the verification command of the whole projectConfigure package json "scripts": { //... ...

Posted by engkeb0i on Fri, 25 Feb 2022 08:45:20 +0100

Release your own front-end package with vite+lerna and verdaccio

preface Years ago, I made a project similar to user portrait, which has independent functions and may be embedded by many projects as a functional module, so I naturally thought of making this project into a component output. Vue cli provides Library packaging mode Therefore, I only need to copy the packaged files to other projects after each d ...

Posted by vcv on Tue, 01 Feb 2022 13:45:35 +0100

vite + vue3 + setup + pinia + ts project practice

introduce A project developed using vite + vue3 + pinia + ant design Vue + typescript complete technical route, with second level development update launch, new vue3 composition api combined with setup to enjoy smooth development experience, new pinia state manager and excellent design experience (1k size), ant D barrier free transition to UI ...

Posted by zab329 on Fri, 21 Jan 2022 12:52:17 +0100

vite source code sorting

brief introduction Vite has four commands: dev | build | optimize | preview. This paper combs the whole process of vite and briefly splits the main steps of dev | build, so as to facilitate everyone's understanding of vite source code as a whole. You are welcome to correct any mistakes. start-up The two default commands of vite project npm r ...

Posted by vitalyb on Sun, 16 Jan 2022 11:54:44 +0100

Vue3 component library development framework based on Vite

When it comes to Vue's component library, you must have been familiar with it for a long time. You can easily list a lot. Then why do you need to build it yourself? Based on my own experience, highly customized components are often required in business. Both UI and interaction may be quite different from the existing component libraries on the ...

Posted by xdentan on Sun, 12 Dec 2021 05:04:18 +0100