Programmer Think

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 ...

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": { //... ...

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 ...

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 ...

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 ...

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 ...