木屋x
从入门到入坑,从入坑到填坑。。。
展开
-
vue3+vite配置项目运行前eslint检查以及git提交前eslint检查的方案总结
vue3+vite配置项目运行前eslint检查以及git提交前eslint检查的方案总结1.需求背景最近在新项目搭建过程中有这样一个需求:由于是团队协同开发,所以在开发是代码规范是一个很重要的环节,团队之间的代码规范统一能够避免很多的bug产生,同时也便于开发团队阅读和维护代码。而保证代码规范的一个前提就是要在运行项目时以及git代码提交时把问题和异常抛出来,并且要阻止异常代码的运行以及提交,新项目中我主要使用的是eslint工具来约束代码规范,下面是配置项目运行前eslint检查以及git提交前更原创 2022-04-28 10:44:01 · 2265 阅读 · 0 评论 -
vue3+vueCli4解决chunk-vendors.js文件过大方案总结
vue3+vueCli4解决chunk-vendors.js文件过大方案总结1.需求背景最近开发的vue3+vueCli4项目在线上环境中发现项目中chunk-vendors.js文件过大,十分影响首屏加载的速度,所以这里记录一下我的解决方案。简单讲一下,项目中的chunk-vendors.js 是捆绑所有不是自己的模块,而是来自其他方的模块的捆绑包,它们称为第三方模块或供应商模块, 它意味着(仅和)来自项目 /node_modules 目录的所有模块,会将所有 /node_modules 中的第三原创 2022-04-26 09:18:52 · 4204 阅读 · 0 评论 -
关于ts提示:‘可能迭代异常(自定义继承)成员,可能缺少 hasOwnProperty 检查’解决方案
关于ts提示:‘可能迭代异常(自定义/继承)成员,可能缺少 hasOwnProperty 检查’解决方案需求描述:最近在vue3+ts开发的H5项目中使用了for循环,由于项目中使用了ts,因此多了一层审查机制,当使用for循环后,ts提示:可能迭代异常(自定义/继承)成员,可能缺少 hasOwnProperty 检查。IDE提示:ts检查JavaScript代码若有未过滤的for循环的任何实例,使用此构造会导致处理继承或意外的属性。需要使用hasOwnProperty()方法过滤自己的属性,验证适原创 2021-09-23 16:11:44 · 1553 阅读 · 0 评论 -
关于vue3+ts项目中使用高德地图AMap方案总结
关于vue3+ts项目中使用高德地图AMap方案总结需求描述:最近vue项目中需要使用高德地图的api,在这里分享一下AMap在 vue3+ts 项目中的使用。解决方案:高德地图现在在开发领域使用非常广泛,他的优势很多大家可以自行去网上了解,现在它也算是作为淘系应用与百度地图及腾讯地图相竞争,所以在淘系应用中十分广泛的高度地图,对于我们开发者而言放心用就对了。1.在index.html文件中添加以下内容:(这里key自行到高德官网申请) <script type="原创 2021-09-08 17:03:45 · 2947 阅读 · 0 评论 -
尝鲜vue3+vite+typescript创建及配置项目方案总结
尝鲜vue3+vite+typescript创建及配置项目方案总结背景描述:vue3时代来了,vue3相对于vue2不仅仅是新增了Composition API,在底层基于Proxy重构了观察者机制,Virtual DOM等;在 runtime 开销、组件实例初始化速度以及整体性能上提速明显;并且vue3将全面支持typescript。全新的vite,相对于之前熟悉的cli与webpack组合,尤大开发了全新的Web开发构建工具vite。它是一个基于浏览器原生ES模块导入的开发服务器,在开发环境下,原创 2021-07-30 18:08:06 · 686 阅读 · 0 评论 -
关于vue-cli4使用require.context报错:TS2339 Property ‘context‘ does not exist on type ‘NodeRequire‘解决方案
关于vue-cli4使用require.context报错:TS2339: Property ‘context’ does not exist on type 'NodeRequire’解决方案问题描述:vue-cli4使用require.context后出现以下报错:TS2339: Property 'context' does not exist on type 'NodeRequire'.解决方案:1.安装@types/webpack-env2.配置tsconfi原创 2021-09-06 16:15:14 · 4454 阅读 · 0 评论 -
关于vue3 build报错:TypeError: Cannot read property ‘tapPromise’ of undefined解决方案
关于vue3 build报错:TypeError: Cannot read property ‘tapPromise’ of undefined解决方案问题描述:vue3 build后出现以下报错:TypeError: Cannot read property 'tapPromise' of undefined解决方案:上述报错的原因是压缩插件compression-webpack-plugin版本太高导致(一般情况下不要超过6.x,但是5.x版本及以下才能生成正确的压缩文件原创 2021-09-03 11:30:35 · 2288 阅读 · 0 评论 -
关于 vue3 项目开启 gzip 压缩方案总结
关于 vue 项目开启 gzip 压缩方案总结需求描述:最近写的 vue 项目涉及到了项目整体性能优化问题,从加载的性能上讲,gzip压缩显得很有必要:zip 文件是可以服务端生成的:nginx 有一个模块是 gzip 模块,然后你只要开启了,nginx就会帮你来把数据(静态资源 和 接口数据)进行压缩,然后传入到客户端,客户端来解压,然后在进行代码的读取,其实这一步就是节约带宽,减少传输的代码包的数量。从而节约传输时间。然后网站就能很快打开了。node也有相关于 compression 的库原创 2021-09-01 10:08:21 · 2170 阅读 · 0 评论 -
关于vite build后访问报错:Expected a JavaScript module script but the server responded with a MIME type...
关于vite build后访问报错:Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec解决方案问题描述:vite 项目 build 部署后在浏览器中访问出现以下报错:Expected a JavaScript modul原创 2021-08-31 16:31:28 · 20568 阅读 · 2 评论 -
关于vue3中typescript项目报错:TS2591 Cannot find name ‘process‘解决方案
关于vue中typescript项目报错:TS2591: Cannot find name 'process’解决方案问题描述:vue中typescript项目出现以下报错:TS2591: Cannot find name 'process'解决方案:// 第一步:安装@types/node库npm install @types/node --save --dev// 第二步:在tsconfig.json中添加以下代码:"compilerOptions": { "t原创 2021-08-24 14:24:19 · 6925 阅读 · 2 评论