构建工具
文章平均质量分 77
记录vite、webpack配置相关
失眠时间
美好生活,从记录博客开始
展开
-
记录vscode常用插件集合(extensions)
名称用处Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code适用于 VS Code 的中文(简体)语言包Dev ContainersVisual Studio代码开发容器ES7 React/Redux/GraphQL/React-Native snippetsES7 React/Redux/GraphQL/Rect Native代码段ESLintVS代码ESLint扩展Git G原创 2023-11-23 17:41:46 · 1001 阅读 · 0 评论 -
vue动态获取目录结构进行配置静态路由
项目中动态配置路由可以减少路由配置时间,并可减少配置路由出现的一些奇奇怪怪的问题路由配置化可统一定义相关属性等原创 2023-11-20 14:48:51 · 835 阅读 · 0 评论 -
css适配rem和vw,兼容移动端不同屏幕大小(包括vite和webpack配置)
移动端不同设备大小适配问题兼容移动端字体大小及宽度适配原创 2023-06-07 01:17:44 · 548 阅读 · 0 评论 -
vite配置静态文件(部署后可手动修改配置文件)
vite配置静态文件(部署后可手动修改配置文件)原创 2023-06-01 14:43:36 · 3234 阅读 · 0 评论 -
前端自动化部署项目到服务器
借助ssh这些插件链接服务器部署,具体代码如下。全局安装gupack部署。原创 2023-05-28 23:24:29 · 948 阅读 · 0 评论 -
Echarts的使用(优化按需引入)
Echarts按需引入配置详情原创 2023-05-16 17:59:46 · 4930 阅读 · 5 评论 -
打包优化之vite构建(视图分析、CDN引入、依赖分包、gzip压缩)
之前开发项目后,每次构建的时候都会经历较长时间的等待,且打包后文件加载速度慢的情况,结合最近vite+vue3项目构建优化,总结下构建优化方案,如有更好方案,欢迎各位大佬分享。1、视图分析可帮助我们在构建后清晰的了解项目资源情况(插件的引入)2、CDN引入资源,上述配置实际有三种配置方法,其中两种需要引入插件实现直接使用插件引入,根据配置自动引入所需资源使用插件,结合的external配置资源变量,还得手动在 Index.html引入所需资源结合的external与output。原创 2023-05-16 15:06:58 · 7443 阅读 · 30 评论 -
vite+vue3+ts项目构建详细步骤(配置多语言版本)
由于之前几乎都是使用Webpack 构建项目,偶尔使用了gulp。最近两年才开始使用Vue3开发项目,所以特意记录下Vite构建期间的使用方式。后续也会花时间写下webpack构建项目的文章,期待后期的更新~原创 2023-05-15 23:10:14 · 10989 阅读 · 12 评论