react＆webpackの作業ディレクトリとファイル名の取得

Question

私はreact jsプロジェクトで作業しています。私はwebpackとreduxを使用しています。ここに私のプロジェクトのフォルダ構造があります。

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

今のところ、index.jsxファイルには、作業ディレクトリ名に従って動的classNameを使用します。例：フォルダ成分中index.jsxため

、クラス名は、フォルダコンテナにindex.jsxため

SRC-成分

なり、クラス名は

あろう

src-component

私はそれのためにnpmモジュールパスを使用しようとしました。しかし、__dirnameはブラウザのURLの出力を '/'で返します。どうすればjsxファイルからそのpwdを得ることができますか？

Answer 1

デフォルトでは、webpackはノード__dirname〜"/"をmockします。あなたのWebPACKの構成に以下を追加することで、実際のDIRNAMEを有効にすることができます。

その後

node: { 
    __dirname: true 
}, 

を、__dirnameはあなたのWebPACKの構成で解決コンテキストを基準に、設定されます。