React 第二章--配置项

路径配置

配置步骤

• 安装craco

npm i -D @craco/craco

• 项目根目录下创建配置文件craco.config.js,配置如下

craco.config.js

const path = require("path")

module.exports = {
    webpack: {
        alias: {
        "@": path.resolve("__dirname", "src"),
        },
    },
}

• 包文件中配置启动和打包命令 package.json

"scripts":{
 "start":"craco start",
 "build":"craco build",
}

联想路径配置

需要在项目目录下添加jsconfig.json文件

{
    "compilerOptions": {
    "baseUrl": "./",
    "paths":{
        "@/*":[
          "src/*"
        ]
    }
   }
}

数据Mock

- 1、npm i -D json-server
- 2、根目录创建server文件夹，文件夹下创建一个data.json文件
// package.json
"scripts":{
 "server":"json-server ./serverdata/json --port 8888",
}

- 另外起一个服务，执行命令 npm run server
// 闭合为一起,只需要启动npm run start就可以执行npm run start和npm run server
“script”:{
   "start": "craco start & npm run server",
}