获取工作目录和文件名在react＆amp;的WebPack

Question

我正在使用react js项目。我正在使用webpack和redux。这是我的项目的文件夹结构。

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

现在我想根据工作目录名称为index.jsx文件使用动态className。例如：

对于文件夹组件中的index.jsx，className将为

  

SRC组分

对于文件夹容器中的index.jsx，className将为

  

SRC组分

我尝试过使用npm模块路径。但是__dirname给出了浏览器网址的输出＆＃39; /＆＃39;。我如何从jsx文件中获取pwd。

Answer 1

默认情况下，webpack将节点的__dirname模拟为"/"。您可以通过在webpack配置中添加以下内容来启用真实的dirname：

node: {
    __dirname: true
},

之后，相对于webpack配置中的解析上下文，将设置__dirname。