Реагировать на устранение точек из импорта

Question

Я новичок в Интернете и хотел бы задать простой вопрос. По сути, я просто хочу исключить точки из моего импорта. Я имею в виду что-то вроде:

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

Как я могу просто начать импорт из корня? Таким образом, это станет чем-то вроде:

import Component from 'container/etc'

Я использовал create-react-app для настройки

Answer 1

Вы можете добавить конфигурацию resolve в webpack как

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

Создать-реакция-приложение будет читать ваш файл .env без извлечения.