Getting working directory and file name in react & webpack

Question

I am working with a react js project. i am using webpack and redux with that. Here is the folder structure of my project.

-assets
-src  
 -component   
  -index.jsx  
 -container   
  -index.jsx

For now i want to use dynamic className for the index.jsx files according to their working directory name. Example:

for index.jsx in the folder component, the className will be

src-component

for index.jsx in the folder container, the className will be

src-component

I have tried to use npm module path for that. But the __dirname gives the output of the url of the browser '/'. How can i get that pwd from the jsx file.

Ambroos · Accepted Answer · 2016-08-12 10:17:27Z

4

By default, webpack mocks Node's __dirname to "/". You can enable the real dirname by adding the following to your webpack configuration:

node: {
    __dirname: true
},

After that, __dirname will be set, relative to the resolve context in your webpack configuration.

answered Aug 12, 2016 at 10:17

Ambroos

3,46622 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rafi Ud Daula Refat Over a year ago

It is not working on windows. do i need to change something on that node : { __dirname: true }

Ambroos Over a year ago

You shouldn't have to. I suspect webpack's own implementation of __dirname isn't capable of working with Windows paths. You might want to open up an issue in the webpack Github repository.

Collectives™ on Stack Overflow

Getting working directory and file name in react & webpack

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related