Ionic 2项目架构(图像)

时间:2016-06-30 16:05:21

标签: ionic-framework angular ionic2

Ionic 2项目中,放置图像的正确位置是什么? 在一些博客中,人们说将所有图像放在www\build\"images_folder"中, 但问题是当你build项目或命令:ionic serve你的构建文件夹被完全删除并从头开始重建时你会丢失所有图像。

1 个答案:

答案 0 :(得分:1)

当您运行ionic serve时,所有javascript和样式文件都会在build文件夹中编译并放在一起(以及其他任务),这就是为什么如果你在那里放一些东西,那就是删除。

为了避免这种情况,您应该将图片放在www\images中,然后通过以下操作在代码中引用它们:

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

======================

编辑:

通过查看ionic serve(以及emulatedeploybuild),您可以找到有关正在进行的操作的更多信息你的gulpfile.js

/**
 * Ionic hooks
 * Add ':before' or ':after' to any Ionic project command name to run the specified
 * tasks before or after the command.
 */
gulp.task('serve:before', ['watch']);
gulp.task('emulate:before', ['build']);
gulp.task('deploy:before', ['build']);
gulp.task('build:before', ['build']);

在gulpfile.js的最后一行代码中你可以看到:

gulp.task('clean', function(){
  return del('www/build');
});

这是导致构建文件夹被删除的原因。