cabinx的博客

vue3+vite配置项目运行前eslint检查以及git提交前eslint检查的方案总结1.需求背景最近在新项目搭建过程中有这样一个需求：由于是团队协同开发，所以在开发是代码规范是一个很重要的环节，团队之间的代码规范统一能够避免很多的bug产生，同时也便于开发团队阅读和维护代码。而保证代码规范的一个前提就是要在运行项目时以及git代码提交时把问题和异常抛出来，并且要阻止异常代码的运行以及提交，新项目中我主要使用的是eslint工具来约束代码规范，下面是配置项目运行前eslint检查以及git提交前更

vue3+vueCli4解决chunk-vendors.js文件过大方案总结1.需求背景最近开发的vue3+vueCli4项目在线上环境中发现项目中chunk-vendors.js文件过大，十分影响首屏加载的速度，所以这里记录一下我的解决方案。简单讲一下，项目中的chunk-vendors.js 是捆绑所有不是自己的模块，而是来自其他方的模块的捆绑包，它们称为第三方模块或供应商模块， 它意味着（仅和）来自项目 /node_modules 目录的所有模块，会将所有 /node_modules 中的第三

关于ts提示：‘可能迭代异常（自定义/继承）成员，可能缺少 hasOwnProperty 检查’解决方案需求描述:最近在vue3+ts开发的H5项目中使用了for循环，由于项目中使用了ts，因此多了一层审查机制，当使用for循环后，ts提示：可能迭代异常（自定义/继承）成员，可能缺少 hasOwnProperty 检查。IDE提示：ts检查JavaScript代码若有未过滤的for循环的任何实例，使用此构造会导致处理继承或意外的属性。需要使用hasOwnProperty()方法过滤自己的属性，验证适

关于vue3+ts项目中使用高德地图AMap方案总结需求描述:最近vue项目中需要使用高德地图的api，在这里分享一下AMap在 vue3+ts 项目中的使用。解决方案:高德地图现在在开发领域使用非常广泛，他的优势很多大家可以自行去网上了解，现在它也算是作为淘系应用与百度地图及腾讯地图相竞争，所以在淘系应用中十分广泛的高度地图，对于我们开发者而言放心用就对了。1.在index.html文件中添加以下内容：（这里key自行到高德官网申请） <script type="

尝鲜vue3+vite+typescript创建及配置项目方案总结背景描述:vue3时代来了，vue3相对于vue2不仅仅是新增了Composition API，在底层基于Proxy重构了观察者机制，Virtual DOM等；在 runtime 开销、组件实例初始化速度以及整体性能上提速明显；并且vue3将全面支持typescript。全新的vite，相对于之前熟悉的cli与webpack组合，尤大开发了全新的Web开发构建工具vite。它是一个基于浏览器原生ES模块导入的开发服务器，在开发环境下，

关于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

关于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版本及以下才能生成正确的压缩文件

关于 vue 项目开启 gzip 压缩方案总结需求描述:最近写的 vue 项目涉及到了项目整体性能优化问题，从加载的性能上讲，gzip压缩显得很有必要：zip 文件是可以服务端生成的：nginx 有一个模块是 gzip 模块，然后你只要开启了，nginx就会帮你来把数据（静态资源 和 接口数据）进行压缩，然后传入到客户端，客户端来解压，然后在进行代码的读取，其实这一步就是节约带宽，减少传输的代码包的数量。从而节约传输时间。然后网站就能很快打开了。node也有相关于 compression 的库

关于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

关于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