php - laravelのモジュール化とwebpack+vue.jsソリューションを解決するにはどうすればよいですか?
最近、会社のプロジェクトではバックエンドの開発に vue ファミリーのバケット要素 ui を使用する必要がありますが、元のプロジェクトは requirejs によって書かれているため、すべての laravel モジュールは独立してインストールおよびアンインストールできます。つまり、それらの js とCSS はすべて独立しており、共通のものは themes/backend テーマ ディレクトリに直接配置されます。次に、単一ページ プログラムでこのソリューションをどのように実装するかという疑問が生じます。要件は
## です。 # (注: ここでのモジュールは、js と npm のモジュールではなく、laravel のモジュールです)
- 各モジュールは個別にインストールされます。インストール後、モジュール内の
Resources/Bakcend/assets
ディレクトリがpublic/backend/modules/モジュール名に自動的に公開されます。 、およびthemes/bakcend/index.blade.phpの下にあるものは自動的に読み込むことができます (solved) - 単一ページのバックエンドは、webpack を使用してパッケージ化ディレクトリ
public/backend/modules/モジュール名
の下にパッケージ化され、その後modules/モジュール名/Resources に自動的にコピーされます。 /Bakcend/assets 以下 (解決済み) - 各モジュールは独自のバックエンド メニュー、管理インターフェイスなどを持つことができ、これらはすべて vue、vue-router、element-ui で実装されます。すべてのモジュールのエントリ ページは
themes にあります。 /backend_default/index.blade.php
,(solved)4.各モジュールはさまざまなサードパーティによって開発され、一般モジュール センターに公開されます。ユーザーは次の方法で必要なモジュールをダウンロードできます。それ自体 (
PHP バックエンドは解決されましたが、フロントエンド JS に問題があります)
現在、解決策は 2 つありますが、どちらも問題を根本的に解決することはできません。
1つ目は、各laravelモジュールは個別にパッケージ化されています
ですが、単一ページのバックエンドではモジュールごとにvendor.jsを生成して配置することは不可能であるため、パブリッククラスライブラリではそれを処理できません。パブリックに公開するか、パブリックに配置します。クラス ライブラリを app.js に配置して、各モジュール (blog-module、core-module、dashboard-module など) の Vendor.js が全体のthemes/ にロードされるようにします。 backend_default/index.blade.php と app.js はこれらのパブリック クラス ライブラリを繰り返しロードします
2 つ目は、 テーマ/バックエンド テーマの下に統合されたパッケージ化です
各モジュールのリソースは、 themes/backend/modules/{module-name} に自動的に配置されます。パッケージ化後にそれぞれの module/Resources/Backend/assets に抽出され、他の人がモジュールをインストールすると、このモジュールに自動的に publishassets が追加されます。 backend/modules/{module-name} ディレクトリにありますが、これは機能しません。各開発者が異なるモジュールを担当する場合、webpack.config.js または webpack にパッケージ化されたものがあるためです。 mix.js も異なります。たとえば、私が blog module の app.js を記述し、あなたが dashboard module の app.js を記述した場合、それぞれでパッケージ化されたアセットvendor.js (パブリック クラス ライブラリに格納されているファイル) の webpack モジュール ID が異なる場合 (すべてのモジュールの app.js のパブリック クラス ライブラリが同じであっても)、アプリ公開後に異なるモジュールの .js が読み込まれる 各モジュールの Vendor.js が異なり、読み込むものを選択できないためエラーが発生します
