
前端-vite
文章平均质量分 52
pzy_666
风会指引你前进的方向
展开
-
vite中element plus按需引入最优雅的用法
解决element-plus的ElMessage,ElNotification样式缺失问题使用unplugin-auto-import插件解决该问题特别注意import { ElNotification } from 'element-plus' 这类段代码不要手动去写, 而是要交给unplugin-auto-import插件隐士的自动加入,如果你自己手动去写的话,依然会导致样式缺失如果,unplugin-auto-import 气作用了,那么auto-imports.d.ts文件,应该会有相应原创 2022-02-26 23:13:48 · 1228 阅读 · 0 评论 -
vite首次打开界面加载慢问题/解决
写在前面网上都说vite要比webpack快,但个人感受,vite项目的启动确实比webpack快,但如果某个界面是首次进入,且依赖比较多的话,那就会比较慢了。这篇文章就是用来记录,关于vite慢的相关问题与可能的解决方案为什么说vite快?为什么说vite慢?只说vite快那太过笼统,但vite项目的启动确实是快(注意这里的启动是指命令行启动完毕,不是指启动完之后首页加载完毕)启动完之后,你打开首页,你可能就不一定觉得vite快了(我之前就时常在自我怀疑,是不是我vite的打开方式不对,怎么这么原创 2022-02-19 14:12:52 · 31622 阅读 · 21 评论 -
本地开发https解决方案
情景说明有时候开发需要通过https来进行,那么这个问题怎么解决呢?通过npm安装mkcert工具npm安装mkcert创建自签名 SSL 证书mkcert 使用指南:如何快速创建自签名 SSL 证书vue项目本地开发使用刚刚的证书vue开启https,加载本地证书vite-plugin-mkcert使用Vite 使用 https 凭证服务方法(搭 mkcert )局域网内测试https应用局域网内测试https应用...原创 2022-02-19 13:32:56 · 4173 阅读 · 0 评论 -
vite使用相关文章收集
vite的项目,使用rollup打包的方法 该文章详细讲解了vite的库模式使用rollup的manualChunks手动配置DEMO 该文章详细介绍了如何拆包vite + vue3 + setup + pinia + ts 项目实战 该文章就一段内容讲拆包, 貌似和上一个文章的不一样,需要实际取配置, 对比下...原创 2022-02-16 16:07:43 · 495 阅读 · 0 评论 -
配置stylelint
文章目录安装依赖新建配置文件`package.json`加入stylelint相关配置webstorm配置stylelint忽略stylelint对css的检验参考安装依赖npm install -D stylelint stylelint-config-standard stylelint-config-rational-order stylelint-prettier stylelint-config-prettier postcss-less postcss-scss postcss-html s原创 2022-02-13 23:53:08 · 2139 阅读 · 0 评论 -
vite项目开发常用插件
@vitejs/plugin-vue作用: 用于编辑vue文件注意: 该插件适用于vue3npm官方仓库gitee镜像plugin-vue-jsx作用: 添加vue3对tsx和jsx的支持npm官方仓库vite-plugin-svg-icons作用: 统一引入svg文件资源,作为图标使用npm官方仓库vite-plugin-eslint作用: 给vite加入运行时的eslint支持npm官方镜像vite-plugin-mock作用: 用于模拟后端的服务原创 2022-02-13 18:31:33 · 3492 阅读 · 0 评论 -
vite项目调试
就这?貌似没有记录博客的必要, 但按照以往webpack的方式进行debugger调试, 无法停在正确的代码位置暂时的解决方式源代码 > 向工作去添加文件夹 在这里,将项目所在文件夹添加进来, 此时debugger就能停在正确的位置了, 但是这个调试界面貌似有点不一样, 没有以前那种方便, 如果你知道如何解决这个问题,可以在文章下发留言,非常感谢...原创 2022-02-08 18:35:07 · 5158 阅读 · 2 评论