問題タブ [yeoman]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
coffeescript - 基本的な Yeoman プロジェクトでの coffeescript の使用。
私はYeomanyo webapp
を使用して、ジェネレーター コマンドを使用して簡単なプロジェクト スケルトンを作成しました。結果のGruntfileでは、CoffeeScriptをコンパイルするようにセットアップされていることがわかりますが、コンパイルされたファイルをtmp
フォルダーに貼り付けているだけのようです。
開発中にこれらをプロジェクトにどのように含めるか。私はRequireJSを使用していません。
yeoman のドキュメントでは、coffeescript の使用方法が明確ではありません。彼らは、それが自動的にコンパイルされるとだけ述べています。
yeoman - Yeoman アプリのディレクトリ構造
最新の yeoman アップデート 1.0 では、ディレクトリ構造の作成方法を変更できますか? 例...「/app」フォルダーではなく、ルート ディレクトリ内にファイルを作成したい場合、これは可能ですか? また、アセット フォルダに「css」、「js」、または「img」という名前を付けたい場合、これを実現できますか?
更新のためにこの前の質問を参照します。
ありがとう
node.js - Yeoman (1.0) grunt サーバーでクロスドメイン呼び出しを許可する
OS X でベータ 1.0 リリースを使用することにした昨日まで、私は Yeoman 0.9 を使用してきました。私は Yeoman を使用して角度のあるアプリを開発しています。
アプリの Yeoman 0.9-->1.0 への移行が完了して動作するようになったので、起動した開発サーバーを拡張したいと思っています。ヨーマンgrunt サーバーを使用して、別のチームによって開発され、別のサーバーでホストされている API へのクロスドメイン呼び出しを行うことができるようにします。そこでは、既にクロスドメイン呼び出しが許可されています。これまで、Angular.js のおかげで偽の http バックエンドを使用してきました。
――余談――
誰かがこれを読んで簡単な解決策を探している場合、Chrome を搭載した OS X でこのアプローチを使用して、コマンドラインから--disable-web-securityオプションを Chromeに渡すことでクロスドメイン呼び出しが機能するようになりましたが、すべてのセキュリティがオフになりますChromeの(親指を下に)、Chromeを新しいインスタンスとして起動することはできません。
--さておき--
掘り下げてみると、このスタックオーバーフローの投稿(この投稿への回答を介して) を見つけて、 grunt サーバーでクロスドメイン呼び出しを許可するために何をする必要があるかについてかなり良いアイデアを得ることができました。基本的に、「Access-Control-Allow-Origin」が「*」または好きなものに設定されるように、ヘッダーを変更できるように接続するミドルウェア コンポーネントを追加する必要があります。
Node.js について何も知らないので、投稿でほのめかされている変更を、Yeoman によって作成された多くのファイルのどこかに行う必要があることがわかりますが、どこでしょうか? Yeoman によってセットアップされた「node_modules」ディレクトリ内で「app.configure」と「connect.listen」の未加工の文字列検索をいくつか実行しましたが、多くのヒットが見つかりました。そのほとんどは、モジュールにバンドルされた例からのものです。どちらを編集すればよいかわかりません。参考までに、Angular アプリのディレクトリ構造のスナップショットを次に示します。
これらの変更がどこで行われる可能性があるかについて誰かが私にいくつかの指針を与えることができれば、私は本当に感謝しています!
yeoman - ヨーマンカスタムジェネレーター
最新バージョンのヨーマンでカスタムジェネレーターを作りたいのですが、なかなか苦労しています。私はさまざまなドキュメントや例(webappやangularジェネレーターなど)のソースを調べてきましたが、まだいくつか質問があります。
ジェネレーターをテストするためのワークフローは何ですか?ジェネレーター自体であるプロジェクトが1つある場合、実行する新しいディレクトリを作成し続けます
yo my-generator
か?yo
1.0のベータ版でジェネレーターフレームワークはまったく変更されましたか?重大な変更はありましたか?ジェネレータはどのようにしてグローバル
yo
バイナリに登録しますか?
ありがとう。
node.js - node.js アプリケーションを使用した Grunt livereload
Node.js (Express と socket.ioを使用) でアプリケーションを作成しました。Grunt を使用して、Node.js アプリケーションの開発と接続中に livereload でクライアント側のものをコンパイルしたいと考えています。これどうやってするの?(パスとクロスドメインの問題のため、別のポートで Node.js アプリを実行せず、別のポートでクライアントを実行しないことが望ましい)
Yeomanもインストールし、すぐに使用できるgrunt-contrib-livereloadパッケージを使用していますが、クライアント側のファイルを提供するためにNode.js Connectサーバーを使用しているため、Node.jsアプリケーションから分離されていることがわかりました..
Yeoman によって生成された Gruntfile.js の例:
javascript - ハイブリッド Django/Backbone アプリで Yeoman/Brunch ツールを使用していますか?
バックエンドに Django、フロントエンドに Backbone を使用してハイブリッド Web アプリケーションを構築しています。
構造は次のとおりです: Django テンプレートですべての HTML を生成し、request.is_ajax
返すテンプレートを決定するために使用し、必要に応じて Backbone を使用して HTML を取り込みます (非 JavaScript ユーザーをサポートしたいので、これを行います)。
とにかく、私の質問はこれです。私の JavaScript コードがより複雑になるにつれて、次のことを自動的に実行できるようにしたいと考えています。
- 非同期 JavaScript 読み込み
- CSS ファイルの連結と縮小
- JavaScript ファイルの連結と縮小
- JSリンティング
画像の最適化やパッケージ管理についてはあまり心配していません。これは私が持っているセットアップで可能ですか?現在、標準の Django アプリです。
Yeoman (または単にgrunt ) またはBrunchを使用する必要があるかどうか、またはより簡単な方法があるかどうかはわかりません。私が使用するものは何でも、それをjs
ディレクトリにドロップするだけでよいのか、それともテンプレートの場所が複雑になるのかはわかりません。
現在、require.js を使用して JS を非同期にロードする方法は知っていますが、連結やリントなどの方法がわからないため、ツールを探しています。多分私はシェルスクリプトを書くべきです:)
backbone.js - Yeomanによって生成されたバックボーンプロジェクトでEJSテンプレートを使用するにはどうすればよいですか?
を使用yeoman init backbone:all
すると、サンプルのBackbone.JSアプリに必要なファイルが生成されます。サンプルアプリケーションオブジェクトのMVCファイルに加えて、application.ejsというサンプルejsファイルを含むフォルダーをbbapp / app / scripts/templatesに作成します。サンプルアプリケーションのバックボーンビューファイルには、次の行があります(コメントアウトされています)。
コメントを外しても機能しません。'application'という名前のオブジェクトを検索しようとし、エラーをスローします。UncaughtReferenceError:アプリケーションが定義されていません。を使用yeoman init bbb
すると、おそらくトリックを実行するバックボーンレイアウトマネージャーが作成されます。で生成されたプロジェクトでテンプレートを作成するためにEJSファイルをどのように使用できるかについてのアイデアはありますyeoman init backbone:all
か?
ありがとう!
javascript - Yeoman が Google App Engine サーバーを使用する
js/css タスクを処理するためにYeoman 1.0 ベータ版をセットアップしました。を実行するgrunt server
と、静的サーバーが起動し、ブラウザー セッションがポート 9000 (livereload) に接続されます。js/css concat、縮小化も機能しています。
さて、(静的サーバーを起動する代わりに)Google App Engine開発サーバーに接続する方法はありますか?サーバーは localhost のポート 8080 で実行されており、監視下の css/js ファイルで grunt に Web ページをリロードさせたいと考えています。これらのファイルは、GAE サーバーによって提供されます。
grunt-contrib-connect documentationにセクションrolling your own
がありますが、それが外部サーバーを意味するかどうかはわかりません。私が見る限り、これらは Gruntfile.js からの関連する構成です
ポート番号を 8080 に変更して起動しようとすると、明らかにエラーが発生します。
致命的なエラー: ポート 8080 は既に別のプロセスで使用されています。
そのため、新しいサーバーを起動したくありませんが、既に実行されている GAE サーバーを介して接続します。
ありがとう。
express - ハンドルバー テンプレートの livereload を使用した yeoman Express スタック
私は、yeoman エクスプレス スタック ( https://plus.google.com/115133653231679625609/posts/YDNbxVxi4er ) を使用して、yeoman で Web アプリケーションを構築し、エクスプレス サーバーを使用しています。現在、通常の html ファイルを使用する代わりに、私のアプリはハンドルバー テンプレートを使用してレンダリングされています...問題は、livereload スクリプトが私のテンプレートに挿入されていないことです。
今、接続ミドルウェアを実装して、yeoman livereload スクリプトを自分の体に挿入する機能を追加することを考えていました。しかし問題は、接続ミドルウェアを使用するたびに、ボディにアクセスする方法が見つからないことです... res.body は定義されていません。このようなことを達成する方法はありますか?
敬具、
大安