2017-11-24 1 views
0

バックエンド言語としてJavaを使用したReact Reduxフォルダ構造を構築しています。私は、定型文としてfacebook/create-react-appを使用しています。私はさらにカスタマイズをしたかったので、私はejectそれを編集しました。 paths.jsがあります。このファイルを変更して、私が望むことをするにはどうすればいいですか?可能であれば、私はいくつかの提案を得たいと思っています。Javaをバックエンドとして使用したフォルダ構造の提案

project/ 
    admin/ 
    src/ 
    webapp/ 
     config/ 
     node_modules/ 
     public/ 
     scripts/ 
     src/ 
     components/ 
      App.js 
     index.js 
     index.html 
     package.json 
     yarn.lock 

以下は、私が持っているしたいフォルダ構造です:

以下は、現在のフォルダ構造です。私がそれをやりたいのは、をすべてwebappにまで下げずに、ルートディレクトリにyarn buildを単に実行したいからです。

project/ 
    node_modules/ 
    package.json 
    yarn.lock 
    admin/ 
    src/ 
    webapp/ 
     config/ 
     public/ 
     scripts/ 
     src/ 
     components/ 
      App.js 
     index.js 
     index.html 

しかし、問題は、次のとおりです。

  1. 私はwebapp/にいるとき `package.json」のルートであるため、今、私はもうnpm commandsを持っていません。

  2. package.jsonがルートになったので、import .. from ../を使用すると、すべてのパスをnode_modules/に変更する必要がありますか?

  3. バックエンドとしてJavaを使用するフォルダ構造に関するベストプラクティスはありますか?

助けてください。

答えて

0

はちょうどこのようなプロジェクト/で新しいものを作成し、あなたのpackage.jsonを移動しないでください:

{ 
    "name": "MyProject", 
    "scripts": { 
    "build": "cd admin/src/webapp && yarn build" 
    } 
} 
+0

は、それが良いカントーますか? 2つの 'ディレクトリ 'に2つの' package.json'ファイルがありますか? – 7537247

+0

"良い"かどうかわかりませんが、特に複数のサブプロジェクトがある場合は、フォルダ構造を混乱させるよりも優れています。実行可能ファイルを作成してスクリプトを実行することもできます。 – Dyo

+0

2つの 'package.json'を別々の' directory'に入れてプロジェクトを見たことがあるとは思わないかもしれませんが、 'symlinks'や' absolute path'を作る方が良い解決法です。 – 7537247

関連する問題