项目优化
文章平均质量分 93
wantLG
我不是代码的搬运工,我只是BUG的创造者...欢迎交流;
if(true){
return "I create BUG";
}
展开
-
Vue-cli3|4 打包build优化(vue.config.js+nginx+gzip)已实战测试chunk大小小了3倍
哈哈哈。好久没更新了,因为参加了工作和校招面试,还有一部分是自己学习。大部分笔记都写在印象笔记上了,后续会持续分享哈。分入口文件因为我们打包时需要不同的main配置文件。方便进行打包需要在根目录下创建两个main文件。在vue.config.js中写入webpack语法或者vue.config提供的语法。识别环境变量(我环境变量是通过cross-env进行控制)module.exports = { chainWebpack: config => { config.whe.原创 2022-03-04 15:23:15 · 3124 阅读 · 0 评论 -
vue项目中通过文件操作进行动态加载路由(router.js)
前言:在vue项目中都需要配置router,而在一个项目中需要配置的静态路由非常多,一个router.js文件下写几百行代码,这也太xxxx了解决的话一个是后端提供路由进行路由动态加载渲染,另一种就是对路由文件的动态加载接下来我们来实现下路由文件的动态加载第一步,在创建vue文件时,可以在同级文件夹下在创建一个router.js,在这里面配置本路由及其子路由//路由懒加载const Login = () => import(/* webpackChunkName: "log..原创 2021-06-19 11:58:06 · 1653 阅读 · 0 评论 -
Nuxt.js优化坑、进行CDN加速(axios/jQuery/swiper/vue-lazyload图片懒加载等进行cdn加载)、elementui进行按需加载
(亲测有效)服务端渲染nuxt对axios/jQuery/swiper/vue-lazyload启用cdn加速,elementUI进行按需导入前言:在nuxt中做一些性能上的优化其实存在许多坑,尽管nuxt已经帮你做了许多事情,下面是我慢慢捣鼓出来的,有问题的话望大佬指出一 、打包开启打包分析第一步,下载依赖webpack-bundle-analyzernpm i webpack-bundle-analyzer -D第二步,在package.json中scripts中加一项配置 "原创 2021-06-14 14:28:49 · 4653 阅读 · 0 评论 -
普歌-vue-template-amdin用webpack配置CND加速/打包忽略element、vue等(亲测有效)
普歌-vue-template-amdin用webpack配置CND加速详细教程 依旧废话两句:项目不优化,用户两行泪客官看图回归正题,配置流程1. 把main.js分成两个js,一个是开发环境下的(main-dev.js),一个是生产环境下的(main-prod.js)main-dev.js文件中的elementui、echarts等还是正常引用(我这有echarts、element等)import Vue from "vue";import "normalize.css/norm原创 2021-05-28 13:47:06 · 581 阅读 · 1 评论