2016-07-28 13 views
0

Imは現在Ionic 2.0.0-beta.32で作業中です。いくつかの周りを検索した後、私はプロジェクトに画像を追加するためのコードを見つけました。ビルド時に最終ビルドに自動インポートされますイオン2画像が見えない

私はimgと呼ばれるディレクトリを追加し、

gulp.task('images', function() { 
    return gulp.src(['app/img/*']) 
     .pipe(gulp.dest('www/build/img')); 
}); 

ともすべてrunSequences

runSequence(
['images', 'sass', 'html', 'fonts', 'scripts'], 

このすべてが良い作品とビルド時にwwwに画像を移動し、私は

を実行するときに、次のようにgulpfileのコードがあります画像の
ionic serve --lab 

どれも示して、私が使用して試した上で、次の

../img/imgname 
/img/imgname 
img/imgname 
build/img/imgname 

どれも私のイメージを示していません。

すべてのヘルプは素晴らしいことだ、ここ

答えて

1

を私の髪を引っ張っイムは、あなたはあなたのイメージ(すなわち、そのサイズを減らす)、またはそのような何かを変更するためにがぶ飲みを使用しますか?答えがノーであれば、あなたの一気ファイル

gulp.task('images', function() { 
    return gulp.src(['app/img/*']) 
     .pipe(gulp.dest('www/build/img')); 
}); 

なぜにそのタスクを追加する必要はありませんか?イメージが変更されない場合は、タスクを実行するたびにイメージが何度も何度もコピーされることになります。

画像を扱うための簡単な方法は、www\imagesフォルダに画像を入れ、その後、このようなあなたのコードでそれらを参照するために、次のようになります。

<img src="images/myImage.png" /> 

彼らはwwwフォルダにいるので、彼らは」あなたがあなたのアプリのbuildフォルダにそれらを置くと起こります。

+0

これはもっと意味があります。質問が少しばかげていたら申し訳ありません。これは初めてです – BigJobbies

+0

イメージを作成するのにどれだけ大きなガイドがありますか? – BigJobbies

+0

私は助けてくれると嬉しかった:)サイズについては、私は確信していません...あなたのアプリがどんなデバイスで使用されるかは、私たちが常に網膜画像を使用しようとしているかのようです。 – sebaferreras

関連する問題