Javascript 如何将基本路径添加到gulp角度嵌入模板
我编写了一个基本的gulp angular embed templates任务,将所有带有模板URL的指令转换为模板。如果我在指令模板URL中使用相对路径,那么我可以看到此任务的转换正在正确进行。但是,当我将绝对路径添加到指令html中时,该任务不会附加html模板。任务完成后,我仍然可以看到模板URL 在文档中,我看到这个任务提供了一个基本路径,它将在其中使用基本路径转换所有模板URL 这就是我所尝试的: directive.js:Javascript 如何将基本路径添加到gulp角度嵌入模板,javascript,angularjs,gulp,Javascript,Angularjs,Gulp,我编写了一个基本的gulp angular embed templates任务,将所有带有模板URL的指令转换为模板。如果我在指令模板URL中使用相对路径,那么我可以看到此任务的转换正在正确进行。但是,当我将绝对路径添加到指令html中时,该任务不会附加html模板。任务完成后,我仍然可以看到模板URL 在文档中,我看到这个任务提供了一个基本路径,它将在其中使用基本路径转换所有模板URL 这就是我所尝试的: directive.js: (function() { 'use strict'
(function() {
'use strict';
angular.module('testApp')
.directive('test', test);
function test() {
return {
restrict: 'E',
templateUrl: basePath+'templates/test.html'
}
}
})();
gulpfile.js:
var gulp = require('gulp');
var embedTemplates = require('gulp-angular-embed-templates');
gulp.task('js:build', function () {
gulp.src('src/app/**/*.js')
.pipe(embedTemplates({
options:{basePath:'/'}
}))
.pipe(gulp.dest('dist'));
});
// The default task (called when you run `gulp` from cli)
gulp.task('default', ['js:build']);
为我工作:)运行gulp的dir的相对路径
文档可能更好,留下选项。这将使这一点更加清楚
.pipe(embedTemplates({'basePath':'./'}))