javascript - 在react和webpack中获取工作目录和文件名

Question

我正在处理一个 React js 项目。我正在使用 webpack 和 redux 。这是我的项目的文件夹结构。

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

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

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

src-component

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

src-component

我尝试使用 npm 模块路径。但是 __dirname 给出了浏览器 '/' 的 url 的输出。我如何从 jsx 文件中获取该密码。

Answer 1

默认情况下，webpack 将 Node 的 __dirname 模拟为 "/"。您可以通过将以下内容添加到您的 webpack 配置来启用真实目录名:

node: {
    __dirname: true
},

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