2017-01-26 19 views
10

私はいくつかの角度成分を持つnpmパッケージを持っています。それらのテンプレートでは、画像を参照します。画像をアプリケーションのimagesディレクトリにコピーすると、参照が解決されますが、これは馬鹿げた感じです。角型コンポーネントライブラリ - テンプレート内の画像参照

webpackが画像書き込みを処理する方法はありますか?App BにApp Aのコンポーネントが含まれている場合、イメージはビルドで動作し、手動コピーステップは必要ありません。

+0

フォルダ構造とwebpack設定を追加できますか? – Thaadikkaaran

+0

https://github.com/tcoopman/image-webpack-loaderで試してみましたか? – Carlos

+0

@stefan、@ Jaganathanが言ったことに加えて、既に行われていることのいくつかのコードを教えてください。また、 'dev' envや' prod'でバンドルしようとしているかどうかについても言及してください。 – debatanu

答えて

3

イメージがこのnpmパッケージに正しく必要ない場合、webpackはそれらを処理できません。 copy-webpack-pluginのようなものを試してみてください。手動コピーを避けるために独自のコピースクリプトを書いてください。

+1

おそらく最高の答えです。パッケージの画像をpackage.jsonでライブラリに書き出し、gulpを使ってimagesディレクトリにコピーしてください。 webpackでこれを行うより良い方法はないようです。 –

+0

この質問は自分の質問で回答しました:https://stackoverflow.com/questions/45111478/angular-cli-how-to-reference-image-paths-in-reusable-components/45151203#45151203 – ruhler

+0

@ruhlerあなたの質問はこの質問はAngularJSについてのものですが、角度2以上についてはこれらは異なる角度である –

関連する問題