安装babel-plugin-import插件。下面方法二选一，都可以实现antd的按需加载。 一、配置webpack.config.js文件 二、配置babelrc文件 ...
分类：
Web程序 时间：
2019-12-29 23:31:36
阅读次数：
101
vue cli3 webpack优化 . 开启Gzip压缩 vue.config.js webpack配置 安装包 npm install compression webpack plugin D 服务端配置 开启gzip 添加gzip_static on; 静态压缩 .组件按需加载 element ...
分类：
Web程序 时间：
2019-12-23 20:39:59
阅读次数：
347
1.什么是Webpack Webpack 是当下最热门的前端资源模块化管理和打包工具，它可以将许多松散耦合的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分离，等到实际需要时再异步加载。通过 loader 转换，任何形式的资源都可以当做模块，比如 CommonsJ ...
分类：
Web程序 时间：
2019-12-22 16:45:20
阅读次数：
117
vue路由懒加载及组件懒加载: https://www.cnblogs.com/-roc/p/9983177.html 一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 三、使 ...
分类：
其他好文 时间：
2019-12-07 10:30:43
阅读次数：
76
1.v-if v-show 2.在页面destroy或beforeRouterLeave时清除定时器跟事件的监听 3.图标采用雪碧图 4.路由采用懒加载 5.组件采用按需加载 6.v-for遍历时一定为item添加key值 7.打包的vendor.js过大，采用cdn加载不打包进入vendor.js ...
分类：
其他好文 时间：
2019-11-13 10:35:28
阅读次数：
77
react-loadable 最近在学习react，之前做的一个项目首屏加载速度很慢，便搜集了一些优化方法，react-loadable这个库是我在研究路由组件按需加载的过程中发现的，其实react-router v4官方也有code splitting的相关实践，但是在现在的webpack 3.0 ...
分类：
其他好文 时间：
2019-11-05 00:58:46
阅读次数：
206
定义一个ele.js文件 官网：https://element.eleme.io/#/zh-CN/component/quickstart // 方法1 import 'element-ui/lib/theme-chalk/index.css'; import Vue from 'vue'; imp ...
分类：
其他好文 时间：
2019-10-20 13:00:07
阅读次数：
102
前言 面试题是永远都准备不完的！！！！！ 前端常见的一些问题 1.前端性能优化手段？ 1. 尽可能使用雪碧图 2. 使用字体图标代替图片 3. 对HTML，css，js 文件进行压缩 4. 模块按需加载 5. 资源懒加载与资源预加载 6. 避免使用层级较深的选择器及减少DOM深度 2.单页面应用和多 ...
分类：
编程语言 时间：
2019-10-17 17:13:26
阅读次数：
85
vue异步组件技术 异步加载vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载 .但是,这种情况下一个组件生成一个js文件 组件懒加载方案二 路由懒加载(使用import) webpack提供的require.ensure()vue-router配置路由，使用webpa ...
分类：
其他好文 时间：
2019-10-13 14:52:59
阅读次数：
113
其实具体出现了什么问题，我也记得不清楚了，今天突然回想起来必须记录一下，一个思想就是用exclude将node_module目录下的文件排除，网上有很多相关例子，但不知是不是因为时间久远，都不生效，无奈，又只好啃回官方文档，我的解决方式如下 webpack正常打包的话，所有的css都会被打包在一起， ...
分类：
Web程序 时间：
2019-09-07 01:18:26
阅读次数：
168
