首页
前端开发
Webpack
questionplease前端项目(React构建)

questionplease前端项目(React构建)

0 次浏览 0 条评论
zip
zip

questionplease 的前端是用Create React App搭起来的，结构清晰，启动快，适合小项目或者原型开发。

目录下有一套熟悉的脚本组合：yarn start跑本地，yarn test看测试，yarn build出产物。想改 webpack？yarn eject，不过要慎用，回不去了。

页面热更新挺灵敏的，写完一保存就能看到效果。开发阶段配合 VS Code，响应也快，Lint 报错会直接飘在控制台上。

部署阶段生成的文件都压缩过，文件名带哈希，缓存友好。用静态服务器一挂，基本就能跑起来。

如果你是 React 新手，想看看标准项目长啥样，可以参考这个结构；老手的话也能拿来改着用，挺省事的。

另外附几个参考文章，有空可以看看：React App Initialization with Create React App、使用 create-react-app 入门 React、react-tutorial Create React App 入门。

zip
questionplease-frontend-master.zip 预估大小：40个文件
folder
questionplease-frontend-master 文件夹
file
debug.log 234B
file
package.json 2KB
file
.eslintcache 7KB
file
package-lock.json 661KB
file
azure-pipelines.yml 439B
folder
src 文件夹
file
App.css 564B
file
react-app-env.d.ts 40B
file
logo.svg 3KB
file
reportWebVitals.ts 425B
file
index.tsx 939B
folder
components 文件夹
file
SignInButton.tsx 2KB
file
QuestionComputer.tsx 2KB
file
AnswerResult.tsx 2KB
file
AnswerForm.tsx 2KB
file
App.tsx 886B
folder
services 文件夹
file
config.ts 2KB
file
userService.ts 3KB
file
auth-service.ts 3KB
file
setupTests.ts 241B
file
App.test.tsx 273B
file
index.css 366B
folder
modules 文件夹
file
loginActions.ts 3KB
file
dataLoading.ts 2KB
file
questionsActions.ts 2KB
file
answerActions.ts 767B
file
questions.ts 879B
file
identity.ts 1KB
file
reducer.ts 3KB
file
actionTypes.ts 293B
file
tsconfig.json 538B
file
.gitignore 329B
folder
public 文件夹
file
logo192.png 5KB
file
manifest.json 492B
file
robots.txt 67B
file
index.html 2KB
file
logo512.png 9KB
file
favicon.ico 4KB
file
README.md 2KB
file
yarn.lock 523KB
folder
.vscode 文件夹
file
launch.json 488B
zip 文件大小：411.67KB