Reference component in React JS

Asked Jul 14 '16 at 15:37

Active Jul 14 '16 at 16:20

Viewed 45 times

I have a standard and recommended layout for my React JS project. I am attempting to navigate to the route of the imports folder from a component without the need to do ../../../../ depending where the original component is.

So instead of import { Avatar } from '../../../../reusable/avatar.js';

I would do import { Avatar } from '/client/components/reusable/avatar.js';

My file structure follows:

- imports
      - api
      - client
        - components
- public (reference from "/")
- server

edited Jul 14 '16 at 15:47

Pavlo

40,007
13
74
108

asked Jul 14 '16 at 15:37

Allreadyhome

1,201
1
24
45

The question is not related to React or Meteor. Are you using Babel and Webpack too? – Pavlo Jul 14 '16 at 15:46
How do you use `import` then? Neither Node.js nor browsers support it natively. – Pavlo Jul 14 '16 at 15:50
1

Ah actually we use babel. Just looked at dependancies – Allreadyhome Jul 14 '16 at 16:04
2

Possible duplicate of [Resolving require paths with webpack](http://stackoverflow.com/questions/27502608/resolving-require-paths-with-webpack) – omarjmh Jul 14 '16 at 16:34

Reference component in React JS

0 Answers0