如何使用 AngularJS 缩小部分返回的 JavaScript
How to use JavaScript returned by AngularJS minified partials
我正在缩小我的 angularjs 应用程序,作为其中的一部分,我使用 gulp-ng-html2js 来缩小部分,这看起来非常好,因为它转换了所有html partials 到单个 javascript 文件中,但是我不确定如何从我的应用程序 use/invoke 这个 javascript 文件访问 partial,我试图找到一些某种文档,但网络上没有任何可用信息;可能是我的搜索词或关键字不够准确。请在下面找到代码。请帮我解决这个问题,坦率地说,我相信我缺少一些基本的东西。
//gulp script for minification of html partials
...
....
....
gulp.task('htmlmin', function () {
var opts = {
empty: true,
spare: true,
quotes: true
};
gulp.src(paths.partialsSrc)
.pipe(minifyhtml(opts))
.pipe(ngHtml2Js({
moduleName: "erentrollinternet",
prefix: "/partials/"
}))
.pipe(concat("partials.min.js"))
.pipe(uglify())
.pipe(gulp.dest(paths.partialsDest));
});
....
....
// this is the resulting file
!function(t){
try
{
t=angular.module("modulename")
}
catch(e)
{
t=angular.module("modulename",[])
}
t.run(["$templateCache",
function(t)
{
t.put("/partials/components/building/Buildings.html",
'<div class="main"><div class="controls">
.....
.....
.....
</div></div></div>')}])
}(),
function(t)
{
try{t=angular.module("erentrollinternet")
}catch(e)
{
t=angular.module("erentrollinternet",[])
}
}])}();
用于在 $templateCache
中存储模板的密钥与 url 如果文件仍在服务器上,您将使用的密钥相同。
每当您在路由、指令、ng-include
等中设置 templateUrl
时,angular 将查找 $templateCache
如果在缓存中找到 url,它将在内部将 html 从缓存对象中拉出。如果找不到,它将向服务器请求模板
简而言之,您不必在模块代码中做任何不同的事情就可以按照现在缩小的方式使用它们。
我正在缩小我的 angularjs 应用程序,作为其中的一部分,我使用 gulp-ng-html2js 来缩小部分,这看起来非常好,因为它转换了所有html partials 到单个 javascript 文件中,但是我不确定如何从我的应用程序 use/invoke 这个 javascript 文件访问 partial,我试图找到一些某种文档,但网络上没有任何可用信息;可能是我的搜索词或关键字不够准确。请在下面找到代码。请帮我解决这个问题,坦率地说,我相信我缺少一些基本的东西。
//gulp script for minification of html partials
...
....
....
gulp.task('htmlmin', function () {
var opts = {
empty: true,
spare: true,
quotes: true
};
gulp.src(paths.partialsSrc)
.pipe(minifyhtml(opts))
.pipe(ngHtml2Js({
moduleName: "erentrollinternet",
prefix: "/partials/"
}))
.pipe(concat("partials.min.js"))
.pipe(uglify())
.pipe(gulp.dest(paths.partialsDest));
});
....
....
// this is the resulting file
!function(t){
try
{
t=angular.module("modulename")
}
catch(e)
{
t=angular.module("modulename",[])
}
t.run(["$templateCache",
function(t)
{
t.put("/partials/components/building/Buildings.html",
'<div class="main"><div class="controls">
.....
.....
.....
</div></div></div>')}])
}(),
function(t)
{
try{t=angular.module("erentrollinternet")
}catch(e)
{
t=angular.module("erentrollinternet",[])
}
}])}();
用于在 $templateCache
中存储模板的密钥与 url 如果文件仍在服务器上,您将使用的密钥相同。
ng-include
等中设置 templateUrl
时,angular 将查找 $templateCache
如果在缓存中找到 url,它将在内部将 html 从缓存对象中拉出。如果找不到,它将向服务器请求模板
简而言之,您不必在模块代码中做任何不同的事情就可以按照现在缩小的方式使用它们。