Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
.husky		.husky
.vscode		.vscode
public		public
src		src
webpack		webpack
.czrc		.czrc
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.nojekyll		.nojekyll
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc.js		.prettierrc.js
README.md		README.md
babel.config.js		babel.config.js
commitlint.config.js		commitlint.config.js
lint-staged.config.js		lint-staged.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tsconfig.json		tsconfig.json
webpack.config.js		webpack.config.js

Repository files navigation

《现代前端工程体验优化》示例项目 Fe-Optimization-DEMO

配套书籍：《前端工程体验优化实战》掘金小册

优化列表

1. 资源优先级提示

2. 懒加载

3. 细粒度代码分割

4. CSR to SSR

5. SSR to SSG

6. SSR to ISR

7. 采集UA数据

8. 使用DLL插件加速构建

9. 现代构建工具 ESBuild

10. CSS prop

11. 提交前预检查

12. 自动化测试和CI

运行方式

开发环境运行

npm install
npm run dev

生产环境运行

npm install
npm run build
npm run preview

联系作者

欢迎通过Issue，邮件（juniortour@qq.com），微信（xinghuamantou）等方式与我交流。

About

《前端工程体验优化》示例项目：https://juejin.cn/book/7306163555449962533 ，Modern Front-end Project Experience Optimization DEMO

Report repository

Languages