北京十佳网站建设,网站的数据库在哪里,一条 wordpress,新手做网站设计背景#xff1a;公司项目历时时间较长#xff0c;通过长时间的迭代#xff0c;目前项目文件较多#xff08;src目录下有2217个文件#xff09;#xff0c;系统庞大#xff0c; 之前通过vue cli2脚手架构建的项目框架#xff0c;在本地开发时已经明显感觉到吃力#xf…背景 公司项目历时时间较长通过长时间的迭代目前项目文件较多src目录下有2217个文件系统庞大 之前通过vue cli2脚手架构建的项目框架在本地开发时已经明显感觉到吃力项目首次启动时间110s以上热更新时间40s以上项目打包时间119s以上基于以上背景决定对整个项目的构建进行重构主要方案vue cli2 升级到 vue cli3该方案最简单且影响范围最小只是对项目的构建服务进行了优化所有的项目中用到的依赖包以及项目中的业务代码不会有大的改动升级步骤 https://cli.vuejs.org/zh/guide/creating-a-project.html 为防止对已有项目造成破坏建议在本地新建一个文件夹通过vue cli在本地创建新项目然后将客户管家中的package.json中用到的依赖包添加到新项目的package.json中再将业务代码主要是将src目录下的文件移动到新项目中还有之前static目录现在迁移到public目录下对应的之前使用到static文件路径的地方都需要对路径进行相应的修改。比如修改之前修改之后static打包之后在项目的根目录下所以相对地址直接通过’/static/就可以取到等到新文件夹中调试的差不多的时候将框架修改以及业务代码中的部分修改同步到项目中删除node_modules重新install依赖包。遇到的问题刚开始全局安装的vue cli是5.x的版本有几个报错报错一 解决https://www.jianshu.com/p/6c31d2fbd303这个报错是因为vue.config.js的一些配置写法不对我这里的错误原因是overlay的配置写法错误下面的是vue cli5.x版本以下的写法对应5.x以上版本的写法应该在overlay外层再加一层client包裹如下报错二 Error: Cannot find module webpack/lib/RuleSet解决https://blog.csdn.net/qq_55269092/article/details/123219155有点尴尬这个问题查到最后的解决方案是将vue cli版本从5.x降到4.x这种修改方案最简单粗暴。于是将vue cli全局卸载之后重新安装4.x的版本上面overlay的配置又去掉了外层包裹的client对象。报错三[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available解决方案https://www.cnblogs.com/web-learn/p/15588649.html选一个顺眼的方案关于内容安全策略的处理 meta http-equivContent-Security-Policy contentupgrade-insecure-requests该段meta标签的作用意思是自动将http的不安全请求升级为https解决https://www.cnblogs.com/zhangliang88/p/16357037.html本地服务启动时如果存在该段meta标签则会有如下报错且该段报错会导致本地开发时无法正常触发热更新影响开发体验。本地开发时通过proxy代理的方式进行接口请求理论上来讲屏蔽该段代码不会影响功能所以决定通过判断开发环境来动态添加这段代码判断如果不是本地服务则添加该段代码即打包部署时该段代码会正常添加到项目中。添加svg-sprite-loader插件解决https://blog.csdn.net/DW14687/article/details/124841186添加对应的配置升级效果对比首次本地启动单个文件修改热更新速度修改同一个文件同一个位置打包时间对比