VUE打包优化
Mark sheng
一切阻挡你成功的都是借口
展开
-
path.resolve()理解(marksheng)
学习webpack时遇到path.resolve():output: { filename: '[name].bundle.js', //文件名称 .bundel是一个标记 //把一个路径或路径片段的序列解析为一个绝对路径 path: path.resolve(__dirname,'dist') //__dirname当前路径 },path.resolve([…paths])里的每个参数都类似在当前目录执行一.原创 2021-04-01 11:43:51 · 327 阅读 · 0 评论 -
npm 安装中的 i、-g、--save、--save-dev、-D、-S的区别(marksheng)
npm 安装中的 i、-g、--save、--save-dev、-D、-S的区别说明i 是 install 的简写 -g 是全局安装,不带 -g 会安装在个人文件夹 -S 与 --save 的简写,安装包信息会写入 dependencies 中 -D 与 --save-dev 的简写,安装包写入 devDependencies 中 dependencies 与 devDependencies dependencies 生产阶段的依赖,也就是项目运行时的依赖 devDependen.原创 2021-03-31 19:57:33 · 369 阅读 · 0 评论 -
电商后台管理项目实战(笔记)
目录一.登录二.首页三.用户管理四.权限管理五.商品管理六.订单管理七.数据统计一.登录二.首页三.用户管理四.权限管理五.商品管理六.订单管理七.数据统计...原创 2021-01-14 20:00:51 · 666 阅读 · 0 评论 -
防抖和节流(引用版)
防抖和节流是针对响应跟不上触发频率这类问题的两种解决方案。 在给DOM绑定事件时,有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll,窗口大小改变事件onresize,瞬间的操作都会导致这些事件会被高频触发。 如果事件的回调函数较为复杂,就会导致响应跟不上触发,出现页面卡顿,假死现象。 在实时检查输入时,如果我们绑定onkeyup事件发请求去服务端检查,用户输入过程中,事件的触发频率也会很高,会导致大量的请求发出,响应速度会大大跟不上触发。针对此类原创 2020-12-16 09:16:33 · 134 阅读 · 0 评论 -
vuecli4打包优化(Marksheng)
一、去除生产环境sourceMapsourceMap资源映射文件,存的是打包前后的代码位置,方便开发使用,这个占用相当一部分空间module.exports = { // 根据你的实际情况更改这里 publicPath, assetsDir: 'assets', lintOnSave: true, productionSourceMap: false,}1 2 3 4 5 6 7 8二、对资源文件进行压缩需要下载compression-webpa.原创 2020-12-16 09:08:29 · 378 阅读 · 0 评论