Skip to content

Latest commit

 

History

History
93 lines (67 loc) · 2.18 KB

备忘录.md

File metadata and controls

93 lines (67 loc) · 2.18 KB
Raw

webpack5 + react17 + vue3 + ts + 面试总结题 + （班班简历）

  1. webpack5 有坑 废弃了一些 4 的一些 loader 2.yarn add webpack yarn add webpack-cli yarn add webpack-dev-server webpack server
  2. yarn add scripts
  3. webpack.config.js 配置热启动 先搞定 hotreload webpack5 改动的时候页面没有刷新

5.介入 babel-loader ts 工具 先安装

6.入口 index.js 改成 index.tsx

  1. html-webpack-plugin
  2. yarn add react react-dom react-router-dom (dist 目录) 有 cjs umd 文件包
  3. externals optimization 会导致 hotrelad 失效
  4. hotreload 生产的 webpack 文件里

vip 系统 电子版小册子 在线文档。文章。星球内部。视频 + serverless

-- 1.import css from "xx.css" "typeRoots": ["typings", "./node_modules/@types"], 建立 index.d.ts declare module '*.css'{}

2.imprt React from 'react'; tsconfig -> "esModuleInterop": true, 千万不要从网上复制 需要什么加什么。

3.yarn add react @types/react 微软维护 PR

4.pages -》 components

5.先建立我们的路由机制 -》 pages

6.reudx mobx ...状态管理 redux -》 作者 react useReducer 搬过来 mobx -> @observer() 组件 mobx-lite + mobx-state-tree [a]

7.了解 recoil

// react tsconfig.js 必须要配置

1.webpack5 entry -> src文件夹 main.js runtime.js 异步.js 2.loader css css-next file asset ts babel-loader 3.插件提取 hot-reload webpack新加入 4.src react ts经验 recoli 5.server 跑起来 前端联通 6.测试 + Lint

React17 +TypeScript4 + Webpack5 + BFF(Ioc) +Unit/E2E/Servervice/UI test + Recoil 一定

SSR + ServerLess

Vue3+TypeScript4+Vuex+Webpack4+vue-cli

Vue2-cli+ ES6

jquery

chmod -R u+rx 文件目录（例子：chmod -R u+rx ./scripts/test） 增加sh文件都需要执行

�tests e2e 还没有配好 回顾视频配置

process.env.NODE_ENV 需要配置cross-env NODE_ENV=development 去赋值

所以的别名都要在tsconfig.json 中配置