問題タブ [bower]

サーバー側では、ファイルがファイルをモジュールとしてAインポートするときに、baseURLが'sである相対パスを使用します。しかし、ブラウザ側のモジュールの場合、という名前のUIコンポーネントを作成するとします。そのファイル構造は次のようになります。BABAmodule-A

で要素を作成すると<img src="./pic/c.jpg">、右の画像を参照します。

次に、それをパッケージにします。これは、Bowerを使用してインストールすると次のようになります。

またはこのようにさえ：

しかし、この時点で、にもう1つのメニューを作成すると、にJSコードによって作成されindex.htmlたタグがあります。今回は間違っています！<img sc="./pic/a.jpg">module-A

それを機能させたい場合は、iframeを使用してラッパーを作成する必要module Aがあります。そうすれば、問題がない可能性があります。

サーバーサイドプログラムの場合、1ページにすべてのコードを作成するHTMLのようなものがないため（つまり、UIを持たないプログラム）、すべてが正常に機能します。

どうすればこれを修正できますか？

アップデート：

はい、私はBowerと、RequireJSよりも中国で人気のあるCommonJSローダーSeaJSを使用しています。パッケージマネージャーを使用するのか、マネージャーファイルを手動で使用するのかはよくある問題だと思います。

とをどのように比較しますnpmか?bowervolo

3 つすべてを使用して、UI プロジェクトの JavaScript 依存関係をインストールできます。npmよりノード固有であることを理解しています。

では、いつ何を使用するのでしょうか。

npmまだ遠くに立っていますが、bowerとの間にvolo線を引くことはできませんが、 と はまったく同じ問題を解決しているようです。npmbower-volo

環境について少し説明します。Gruntを使用してUIビルドの自動化を行い、サードパーティの依存関係を管理するためにTwitter Bowerを使用します。リポジトリにサードパーティのコードを保持したくないため、CSS拡張にCompassを使用します。

現在、ベンダーアセットの圧縮バージョンを単一のCSSファイルに作成していて、ビルド中にCompassが画像をインライン画像に変換しないという問題が発生しました。すべての画像をデータURLを使用して結果のCSSファイルにインライン化する必要があります（IE9 =より新しいブラウザーをサポートしている場合）。

BootstrapSASSを含むマスターSCSSファイルは次のようになります

コンパスコマンドは次のようになります

結果の出力は次のようになります

したがって、主な目的は、url()base64でエンコードされた画像をインラインで保持するためにすべての式を取得することです。別の方法として、この機能をより簡単に提供できる場合は、LESSに切り替えることができます。実際、Ruby / Compassへの依存を排除​​し、NPMですべてをインストールできるので、良いことです。

bower に URL を指定するとhttp://something/this/is/javascript、 repo という名前が付けられる可能性が高くなりjavascriptます。私の質問は、のようなコンポーネントの名前を割り当てる方法はありますかbower install http://something/this/is/javascript awesome?

私はbowerをインストールしようとしていますが、コマンドbowerが何も返さないため、何かが足りないに違いありません。

私はこのようにバウアーをインストールしました：

これは出力です：

大丈夫そうです。

しかし、それから私はbower --help何も起こりません、それは何も表示しません..私は試したことさえありますsudo bower --help

私のnodejsバージョンはv0.8.22、Ubuntu12.10のnpmバージョン1.2.14です

何か案は？？前もって感謝します

私は、自動化のためのgruntとクライアント側のパッケージ管理のためのbowerを含むyeomanのプロジェクトに取り組んでいます。私のプロジェクトの依存関係の 1 つはSASS twitter-bootstrapです。

依存関係の更新を手動で管理した他のプロジェクトでは、Bootstrap ( ) ファイルで直接Bootstrapの値を変更し、それをプロジェクト独自のフォルダーの下のファイルに拡張しました。ここでも同じことをしましたが、Bower で他のパッケージをインストールすると、すべてが上書きされました (コンポーネントのフォルダーを "un-.gitignored" しました。神に感謝します)。variables.less_variables.scssmain.lesscss

コンポーネントのフォルダの外でBootstrapをカスタマイズして、二度と起こらないようにする最善の方法は何ですか?

0.8.0 (推測) 以降から 0.8.5 に更新しましたが、bower の単純なインストールを実行すると、bower がスタックしているように見えます。それは私のマシンと私のcloudbeesがホストするジェンキンで起こります。bower clean-cache、 、をやろうとしましたがbower install --force、rm -rf ~/.bowerうまくいきませんでした。

次のような命令をコピーすると、常にスタックします。

または他のライブラリには、パターンはありません。

bower を再インストールしようとすると、次のようになります (cloudbees ではなく、自分のマシンでのみ)。

そして、ここに私のcomponent.jsonがあります

何か案が？

よろしく、

ザビエル

yeomanwebappジェネレータプラグインを使用してwebappを正常にインストールしました。

バックボーンとbackbone.layoutmanagerをミックスに追加したかったのです。

しかし、を実行しようとすると、 https：//github.com/isaacs/npm/issues/3275などのエラーが発生しますnpm install && bower install。

これは私の現在のmain.jsです

私の現在のcomponent.json

私の現在のpackage.json

yo webappで定義されているようにWebアプリケーションのデフォルトを設定し、BackboneとBackbone.LayoutManagerを追加するにはどうすればよいですか？

でthree.jsをインストールしましたbower install threejs。

この後、ページにthree.jsを入れたいので、app.jsファイルは次のように始まります。

ただし、ページが読み込まれると、Chromeコンソールに次のように表示されます。

さて、jQueryのようにコンポーネントを調べるべきではありませんか？

基本的に、yeomanとthree.jsのインストールを開始するにはどうすればよいですか？

私はes5-shimをbowerと一緒に正しくインストールします：

ただし、メインファイルが含まれていないため、ソースを一覧表示すると、空の一覧が表示されます。

es5-shimリポジトリを調べましたが、「main」の定義を含むpackage.jsonが含まれています：「es5-shim.js」

component.jsonはどのように生成されますか？

主な属性を見逃しているようです。これは、インストール時にcomponents/es5-shimで取得するcomponent.jsonです。