githubからフェニックスのバックエンドにElmフロントエンドをインポート

Question

私のチームはphoenix/elmアプリケーションを開発中で、2つのプロジェクトを別々のreposに保ち、phoenixのelmアプリケーションを「ポイント」することに決めましたアプリ。これは私のための新しい地形のようなものです。私はこれを達成するためにさまざまな方法を検討してきました。私はpackage.json経由でElmアプリケーションを依存関係としてインポートしようとしましたが、node_modules /がElmコードを認識しないと思います。私もmix.exs経由でそれを依存関係としてインポートしようとしましたが、再びdeps/exsファイルを探しています。これに他のアプローチはありますか？

Answer 1

gitを使用している場合は、git submodulesを使用します。既存のリポジトリに別のリポジトリを埋め込むことができます。

本質的にPhoenixアプリケーションを通常の状態にして、Elmアプリケーションをサブモジュールとして組み込み、brunch-config.jsにelm-brunchプラグインを使用してElmアプリケーションを参照してください。

elmBrunch: { 
    mainModules: ['../path/to/submodule/Main.elm'], 
    outputFolder: 'web/static/js/', 
    makeParameters: ['--debug'] 
} 

Answer 2

フェニックスには、資産管理者としてBrunchが付属しています。私はBrunchを使ってElmコードをJSパッケージにコンパイルすることに成功しました。そのJSをPhoenix HTMLテンプレートにインポートし、standard methodを使用してElmアプリケーションを配置することができます。

私は最近blog post on putting the pieces togetherと書いています。この投稿には、github repoへのポインタが含まれています。私は、これがあなたが取り組んでいる問題に役立つことを願っています。

私のアプローチとの主な違いは、同じレポにエルムとフェニックスのコードがあることですが、フェニックスのレポからエルメのレポまでの一貫した相対的なパスを定義できる限り、 。