我正在处理一个 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 文件中获取该密码。
最佳答案
默认情况下,webpack 将 Node 的 __dirname
模拟为 "/"
。您可以通过将以下内容添加到您的 webpack 配置来启用真实目录名:
node: {
__dirname: true
},
之后,__dirname
将相对于 webpack 配置中的解析上下文进行设置。
关于javascript - 在react和webpack中获取工作目录和文件名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38914250/