老师，我在原有的react项目如何添加typescript

Question

老师，我在原有的react项目如何添加typescript

Answer 1

张轩 2020-11-18 17:59:58

同学你好 我在 typescript 官网找到了一篇教程：https://www.tslang.cn/docs/handbook/react-&-webpack.html 适合在 react 项目中添加 typescript，如果你还是没搞定的话，可以把repo发给我，我帮你试试看。

• 提问者 lovejavacoffee #1

  [e-mail]:yqvod/admin-wjj-fe.git 老师 我是想加入 上传时候进度条的功能

• 提问者 lovejavacoffee #2

  原来我是 jsx 的 ，能不能和 typescript共用

Answer 2

张轩 2020-11-14 22:34:51

同学你好 如果你使用的是 create-react-app 创建的项目 这里有一个 官方的指南 写的比较详细 你可以参考一下 https://create-react-app.dev/docs/adding-typescript/#installation 谢谢

• 提问者 lovejavacoffee #1

  老师 我是自定义搭建的

• 张轩 回复 提问者 lovejavacoffee #2

  你是使用webpack 进行打包和本地开发的嘛？可否把配置发来看看呢？

• 提问者 lovejavacoffee 回复 张轩 #3

  {
    "name": "admin-wjj-fe",
    "version": "1.0.0",
    "main": "index.js",
    "repository": "[e-mail]:yqvod/admin-wjj-fe.git",
    "author": "dtvikey <[e-mail]>",
    "license": "MIT",
    "scripts": {
      "dev": "node_modules/.bin/webpack-dev-server",
      "dist": "WEBPACK_ENV=online node_modules/.bin/webpack -p",
      "dist_win": "set WEBPACK_ENV=online&& node_modules/.bin/webpack -p"
    },
    "devDependencies": {
      "babel-core": "6.26.0",
      "babel-loader": "7.1.2",
      "babel-preset-env": "1.6.1",
      "babel-preset-react": "6.24.1",
      "css-loader": "0.28.8",
      "extract-text-webpack-plugin": "3.0.2",
      "file-loader": "1.1.6",
      "html-webpack-plugin": "2.30.1",
      "node-sass": "^4.14.1",
      "sass-loader": "6.0.6",
      "style-loader": "0.19.1",
      "url-loader": "0.6.2",
      "webpack": "3.10.0",
      "webpack-dev-server": "2.9.7"
    },
    "dependencies": {
      "font-awesome": "^4.7.0",
      "prop-types": "15.6.0",
      "rc-pagination": "1.15.1",
      "react": "16.2.0",
      "react-dom": "16.2.0",
      "react-router-dom": "4.2.2",
      "simditor": "2.3.6"
    }
  }

点开查看后面4条评论