Question

使用gulp进行构建时，有一个插件可以从任何源目录中获取html代码并将其嵌入到.js文件中并使用$ templatecache

此代码段是

var partialsInjectFile = gulp.src(path.join(conf.paths.tmp, 
    '/partials/templateCacheHtml.js'), { read: false });

gulp.src(path.join(conf.paths.tmp, '/serve/*.html'))

.pipe($.inject(partialsInjectFile, partialsInjectOptions))

我正在寻找类似的东西，但是对于图像。我有一个包含一些图像资源的bower组件，但是当我构建我的应用程序以进行凉亭分发时，我丢失了图像（或该图像的URL）

人们如何重新打包第三方资产以在其打包应用中使用？

感谢

Answer 1

请点击此处：https://github.com/dabit3/angular-easy-image-preloader。如果您在家庭控制器中或初始化期间加载图像，则不应再有任何延迟。

Answer 2

您可以选择：

手动将资产重新打包到您的图片文件夹
修改gulp / grunt（无论如何）构建脚本以将资产从bower复制到所选文件夹

无论你选择做什么，在一天结束时，制作精灵图像（所有图像的图像）并在你的styles / htmls中引用它。（有时你必须覆盖一些第三方风格）。

无论如何，无法通过黑客来实现协同效应。 ;）

是否有类似$ templateCache的图片？

2 个答案: