Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ES6-从项目根目录(babel/node/npm)导入模块_Javascript_Node.js_Ecmascript 6_Babeljs - Fatal编程技术网

Javascript ES6-从项目根目录(babel/node/npm)导入模块

Javascript ES6-从项目根目录(babel/node/npm)导入模块,javascript,node.js,ecmascript-6,babeljs,Javascript,Node.js,Ecmascript 6,Babeljs,在继续之前,我尝试了以下解决方案: :插件似乎不能与jest一起工作 Webpack别名是另一种解决方案,但我们不使用Webpack 最近有一个项目交给了我,它使用了相对的导入语句,这些语句可能会变得很长而且很模糊(例如,import*as stuff from'../../../../../../../utilities/stuff')。我想以这种方式使用项目的根目录来简化我们的导入语句:import*as stuff from'~/utilities/stuff 我对包、依赖项和配置

在继续之前,我尝试了以下解决方案:

  • :插件似乎不能与jest一起工作
  • Webpack别名是另一种解决方案,但我们不使用Webpack
最近有一个项目交给了我,它使用了相对的导入语句,这些语句可能会变得很长而且很模糊(例如,
import*as stuff from'../../../../../../../utilities/stuff'
)。我想以这种方式使用项目的根目录来简化我们的导入语句:
import*as stuff from'~/utilities/stuff

我对包、依赖项和配置的理解还处于初级阶段。看起来我们使用babel进行传输,但是我没有看到核心的babel包-只有
babel jest
babel polyfill

这是我们的package.json:

{
    "name": "placeholder",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
        "animejs": "^2.2.0",
        "babel-polyfill": "^6.26.0",
        "classnames": "^2.2.5",
        "html-to-react": "^1.3.0",
        "htmlparser2-react": "0.0.4",
        "js-csp": "^1.0.1",
        "npm-run-all": "^4.1.1",
        "prop-types": "^15.5.10",
        "react": "^16.0.0",
        "react-addons-css-transition-group": "^15.6.2",
        "react-aria-menubutton": "^5.0.2",
        "react-dnd": "^2.5.1",
        "react-dnd-html5-backend": "^2.5.1",
        "react-dom": "^16.0.0",
        "react-redux": "^5.0.6",
        "react-router": "^4.2.0",
        "react-router-dom": "^4.2.2",
        "react-rte": "^0.11.0",
        "react-sidebar": "^2.3.2",
        "react-toasts": "^1.2.3",
        "react-transition-group": "^2.2.0",
        "react-virtualized": "^9.9.0",
        "redux": "^3.7.2",
        "redux-form": "^6.8.0",
        "sweetalert": "^2.0.8",
        "text-spinners": "^1.0.5",
        "uuid": "^3.1.0"
    },
    "devDependencies": {
        "babel-jest": "^20.0.3",
        "enzyme": "^2.9.1",
        "jest-enzyme": "^3.8.2",
        "materialize-css": "^0.100.2",
        "moment": "^2.18.1",
        "node-sass": "^4.5.3",
        "node-sass-chokidar": "0.0.3",
        "node-sass-magic-importer": "^5.0.0-alpha.6",
        "react-docgen": "^2.18.0",
        "react-scripts": "1.0.13",
        "react-styleguidist": "^6.0.24",
        "react-test-renderer": "^15.6.1",
        "redux-mock-store": "^1.3.0",
        "xhr-mock": "^1.9.1"
    }
}
以及

{
    "presets": ["react-app"],
    "sourceMaps": true,
    "retainLines": true
}
我们的目录结构如下:
/src
,其中所有js/jsx源文件都包含在“src”中。这是我想要配置为根目录的目录(由tilda(~)表示)。非常感谢您的帮助