图片拼接项目迁移vue3计划 [todo]

原文链接: 图片拼接项目迁移vue3计划 [todo]

上一篇: tailwind 简单动画

下一篇: rollup 打包分析插件 类似webpack-bundle-analyzer

原始项目打包分析

图片拼接项目迁移vue3计划 [todo]_第1张图片

图片拼接项目迁移vue3计划 [todo]_第2张图片

体积不是很大, 而且大部分依赖都是自己实现的, 所以也还好, 主要是文件类型和图片转canvas可能会有require

目的

接入vite2+vue3+ts+element plus+ wasm+tailwind

不过迁移了一个vue-cli3和vite1, 感觉vite的生态还是有点弱, 很多库打包会出问题, 同时worker 和wasm的能力也有待加强, 唯一好处就是ts支持好一点了

wasm部分实现滤镜和拼接算法, 这样就不用缓存了, 不过需要对比下速度

vue3支持map和set的响应式, 避免了很多骚操作

css使用tailwind, 这个库的优势在于响应式原子样式不会污染, 而且基本上不用写css或者style, 只不过生态还是弱, 基础配置应该也够我用了

vite2的生态估计还需要半年左右才能起来, 这期间应该会先把架子搭建起来, 完成样式和交互和类型设计, 这次需要好好设计插件系统和滤镜系统

主要目前好像遇到了瓶颈, 不知道干点啥... 现在做到这个地步想再深入就需要大量的时间和精力, 所幸用这个以前的项目练练手

应该还需要熟悉roullup, 试着把以前的webpack插件用rollup实现, 也不必太深入, 但至少得知道大体的机制和设计

你可能感兴趣的:(java,vue,面试,js,javascript)