-
使用TypeScript、React、Webpack和React-Bootstrap搭建项目
资源介绍
自己参照搭建的简易demo,直接能跑,目前不含react-route和readx
具体参考文档如下
入门一 https://www.cnblogs.com/baqiphp/p/7647912.html
入门二 https://www.jianshu.com/p/71bbcdc8c1fc
typescript配置说明 https://www.tslang.cn/docs/handbook/compiler-options.html
eslint typescript配置说明 https://juejin.im/entry/5a156adaf265da43231aa032
webpach typescript配置说明 http://www.css88.com/doc/webpack/guides/typescript/
react-bootstrap http://react-bootstrap.cn/components.html
npm 安装步骤
npm init
npm i -S webpack webpack-dev-server clean-webpack-plugin tether extract-text-webpack-plugin@next
npm i -S css-loader style-loader typings-for-css-modules-loader bootstrap-loader url-loader postcss-loader flie-loader postcss-loader
npm i -S typescript ts-loader source-map-loader
npm i -S eslint eslint-plugin-react eslint-plugin-typescript typescript-eslint-parser
npm i -S csstype
npm i -S jquery bootstrap @types/jquery @types/bootstrap
npm i -S react-bootstrap react react-dom @types/react-bootstrap @types/react @types/react-dom
配置文件步骤
npm init /*生成package.json*/
tsc --init /*生成tsconfig.json*/
进入node_modules\.bin目录执行 eslint --init /*生成.eslintrc.json*/
手工创建webpack.config.js
- 上一篇: nandflash接口的verilog代码
- 下一篇: VxWorks在Zynq平台上的移植详细流程