Open lewenweijia opened 4 years ago
规范?: git commit规范, readme规范, eslint规范, semver规范\ 质量: 冒烟测试(预测试), 单元测试, 覆盖率 和 持续集成(CI)
多配置文件 基础配置: webpack.base.js 开发配置: webpack.dev.js 生产配置: webpack.prod.js ssr配置: webpack.ssr.js pwa配置: webpack.pwa.js
配置文件之间的有效组合: webpack-merge
-> 实用的功能的啊
项目的目录结构设计
layout层用vw和vh 组件层用px
这里我们需要对照下之前的功能模块设计
.gitignore? -> 前缀 / => 代表文件
所有计算机系统都可以通过加入缓存来提升性能, 空间换时间的经典案例
对首次构建速度没什么用
缓存? 提升二次构建速度
代码里面也经常应用缓存策略
一堆哈希, 有点时间换无状态
总想着包一层, 对外屏蔽, 以后方便替换
刚好有经历团队webpack3 -> webpack4的过渡过程
大佬在改动, 有关注和跟进, 顺带补一些知识点
1. 编译缓存: babel-loader开启换粗
2. 压缩缓存: terser-webpack-plugin开启parellel: true 和 cache: true
3. 模块缓存: cache-loader
vw只支持android4.4和ios8以上. 不考虑兼容性, vm完全没问题
功能提交后, 一堆兼容bug单
基本一套样式适配所有的手机设配屏幕
前端项目
速度优化和体积优化
项目分析: 构建速度分析 + 构建体积分析
speed-measure-webpack-plugin
webpack-bundle-analyzer
项目优化: 构建速度优化 + 构建体积优化
MISC