2016-09-20 91 views
0

我遇到問題,因爲在我的智能手機Android中安裝我的應用後,我看不到任何圖像。我在「www/img」中擁有所有圖像。在谷歌瀏覽器中運行我可以看到我所有的圖片。 我可以看到的圖標應用程序。我執行了「離子資源 - 圖像」來解決問題,我想我必須對其他圖像也這樣做。有人知道我該怎麼做? 在此先感謝。我無法在智能手機中看到我的圖像Android

此致敬禮。

回答

0

圖片和其他資產應位於app文件夾中您應該選擇的位置。 另一方面,爲了顯示它們,它們也應該位於www/build文件夾中。 每當您在設備上使用ionic buildionic run時,都會重新創建build文件夾。

會發生什麼事是離子運行吞嚥任務gulpfile.js中指定的任務。 默認gulpfile附帶一個編譯sass文件,js和html的任務。 如果你想添加一個任務,爲你的形象,你可以添加類似於:

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

上面的代碼將在app/assets/images所有圖像,並將它們複製到只要構建項目的build/assets/images目錄。 什麼是留給現在雖然做的是images任務添加到runSequence

gulp.task('watch', ['clean'], function(done){ 
    runSequence(
    ['sass', 'html', 'fonts', 'scripts'], 
    function(){ 
     gulpWatch('app/**/*.scss', function(){ gulp.start('sass'); }); 
     gulpWatch('app/**/*.html', function(){ gulp.start('html'); }); 
     gulpWatch('app/**/*.json', function(){ gulp.start('data'); }); 
     buildBrowserify({ watch: true }).on('end', done); 
    } 
); 
}); 

gulp.task('build', ['clean'], function(done){ 
    runSequence(
    ['sass', 'html', 'fonts', 'scripts','images'], 
    function(){ 
     buildBrowserify({ 
     minify: isRelease, 
     browserifyOptions: { 
      debug: !isRelease 
     }, 
     uglifyOptions: { 
      mangle: false 
     } 
     }).on('end', done); 
    } 
); 
}); 

你可以閱讀更多關於一飲而盡here

相關問題