如何在React JS中使用模块路径

时间:2018-07-10 13:40:21

标签: reactjs webpack

我要使用

之类的路径
import Router from 'routes'

代替

import Router from './routes'

我已经使用以下代码添加了.env文件

NODE_PATH=./src
NODE_ENV=production

1 个答案:

答案 0 :(得分:0)

1)在根级别(与package.json相同的级别)上创建一个.env文件

2)设置环境变量NODE_PATH to src/

import { Auth } from 'containers/Auth/Auth';

这与create-react-app一起使用

如果您不使用create-react-app,则可以尝试babel-plugin-module-resolver

npm install --save-dev babel-plugin-module-resolver

在.babelrc中使用自定义根目录或别名指定插件

{
  "plugins": [
    ["module-resolver", {
      "root": ["./src"],
      "alias": {
        "test": "./test",
        "underscore": "lodash"
      }
    }]
  ]
}