Javascript 摆脱相对路径反应(删除“/”)
我下载了一个包含以下package.json的react项目:Javascript 摆脱相对路径反应(删除“/”),javascript,node.js,reactjs,import,create-react-app,Javascript,Node.js,Reactjs,Import,Create React App,我下载了一个包含以下package.json的react项目: { "private": true, "main": "src/index.js", "dependencies": { "@material-ui/core": "4.10.0", "@material-ui/icons": "4.9.1",
{
"private": true,
"main": "src/index.js",
"dependencies": {
"@material-ui/core": "4.10.0",
"@material-ui/icons": "4.9.1",
"classnames": "2.2.6",
"history": "4.10.1",
"moment": "2.26.0",
"node-sass": "4.14.1",
"nouislider": "14.5.0",
"prop-types": "15.7.2",
"react": "16.13.1",
"react-datetime": "2.16.3",
"react-dom": "16.13.1",
"react-router-dom": "5.2.0",
"react-scripts": "3.4.1",
"react-slick": "0.26.1",
"react-swipeable-views": "0.13.9"
},
"devDependencies": {
"@babel/cli": "7.10.1",
"@babel/plugin-proposal-class-properties": "7.10.1",
"@babel/preset-env": "7.10.1",
"@babel/preset-react": "7.10.1",
"eslint-config-prettier": "6.11.0",
"eslint-plugin-prettier": "3.1.3",
"eslint-plugin-react": "7.20.0",
"gulp": "4.0.2",
"gulp-append-prepend": "1.0.8",
"prettier": "2.0.5"
},
"optionalDependencies": {
"typescript": "3.9.3"
},
"scripts": {
"start": "NODE_PATH=src/ react-scripts start",
"build": "react-scripts build && gulp licenses",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject",
"lint:check": "eslint . --ext=js,jsx; exit 0",
"lint:fix": "eslint . --ext=js,jsx --fix; exit 0",
"install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm start",
"build-package-css": "node-sass src/assets/scss/material-kit-react.scss dist/material-kit-react.css",
"build-package": "npm run build-package-css && babel src --out-dir dist",
"compile-sass": "node-sass src/assets/scss/material-kit-react.scss src/assets/css/material-kit-react.css",
"minify-sass": "node-sass src/assets/scss/material-kit-react.scss src/assets/css/material-kit-react.min.css --output-style compressed",
"map-sass": "node-sass src/assets/scss/material-kit-react.scss src/assets/css/material-kit-react.css --source-map true"
}
}
我不知道开发人员是如何在代码中去掉相对路径的。
例如,他从“components/Header/Header.js”导入模块,如:import Header代码>
虽然如果我尝试同样的方法,我应该像这样做:从“./../../src/components/header/header.js”导入头文件“
指向原始github的链接:
https://github.com/creativetimofficial/material-kit-react/
我已经下载并安装了这个,它工作正常。
但是当我尝试复制一些代码时,它不起作用。使用jsconfig.json
设置绝对路径而不是相关路径,如中所述
在提供的项目中,他使用了
{
"compilerOptions": {
"baseUrl": "src",
"paths": {
"*": ["src/*"]
}
}
}
因此,他可以使用绝对路径访问项目中所有文件夹和子文件夹中的所有文件,如
import file from "component/file/file.js"
我认为最初的开发人员没有使用webpack。使用他描述craco的部分,链接到最初的项目:查看jsconfig.json文件