在Ionic 2
项目中,放置图像的正确位置是什么?
在一些博客中,人们说将所有图像放在www\build\"images_folder"
中,
但问题是当你build
项目或命令:ionic serve
你的构建文件夹被完全删除并从头开始重建时你会丢失所有图像。
答案 0 :(得分:1)
当您运行ionic serve
时,所有javascript和样式文件都会在build
文件夹中编译并放在一起(以及其他任务),这就是为什么如果你在那里放一些东西,那就是删除。
为了避免这种情况,您应该将图片放在www\images
中,然后通过以下操作在代码中引用它们:
<img src="images/myImage.png" />
======================
编辑:
通过查看ionic serve
(以及emulate
,deploy
和build
),您可以找到有关正在进行的操作的更多信息你的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');
});
这是导致构建文件夹被删除的原因。