javascript - React 从导入中消除点

Question

我是网络新手，想问一个简单的问题。基本上我只想从我的进口中消除点。我的意思是:

import Component from '../../container/etc'

我怎样才能从根开始导入？所以它会变成这样:

import Component from 'container/etc'

我使用 create-react-app 进行设置

Answer 1

你可以在 webpack 中添加 resolve 配置

module.exports = {
    //things here
    resolve: {
        extensions: ['.jsx', '.scss', '.js', '.json'],
        modules: [
            path.resolve(__dirname, 'app'),
            'node_modules'
        ]
    }
    // other things here
}

你的目录结构应该是这样的

-- app
   -- container
      -- etc.js
   -- api.json

这样你就可以导入

import ETC from 'container/etc';
import json from 'api.json'

如果您使用的是 create-react-app，您可以在项目的根目录下创建一个 .env 文件，并将 NODE_PATH 指向 src 文件夹(或任何你有代码的地方)你所要做的就是写:

NODE_PATH=src

Create-react-app 将读取您的 .env 文件而不弹出。