// 使用js
npx create-react-app name
// 使用typescript
npx create-react-app name --template typescript
// 使用路由
npm install react-router-dom
// 使用antd组件
npm install antd
// 使用状态管理mobx (ts已支持装饰器语法)
npm install mobx mobx-react --save
// 使用less
npm install --save-dev less less-loader
// typescript中使用less (不用暴露webpack)
yarn add @craco/craco
yarn add craco-less
修改package.json文件如下:
"scripts": {
"start": "craco start",
"build": "craco build",
"test": "craco test",
"eject": "react-scripts eject"
},
创建craro.config.js。文件中写入以下
const CracoLessPlugin = require("craco-less");
module.exports = {
plugins: [
{
plugin: CracoLessPlugin,
options: {
lessLoaderOptions: {
lessOptions: {
modifyVars: {},
javascriptEnabled: true,
},
},
},
},
],
webpack: {
// 这里面是webpack的配置
},
};