Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将基本路径添加到gulp角度嵌入模板_Javascript_Angularjs_Gulp - Fatal编程技术网

Javascript 如何将基本路径添加到gulp角度嵌入模板

Javascript 如何将基本路径添加到gulp角度嵌入模板,javascript,angularjs,gulp,Javascript,Angularjs,Gulp,我编写了一个基本的gulp angular embed templates任务,将所有带有模板URL的指令转换为模板。如果我在指令模板URL中使用相对路径,那么我可以看到此任务的转换正在正确进行。但是,当我将绝对路径添加到指令html中时,该任务不会附加html模板。任务完成后,我仍然可以看到模板URL 在文档中,我看到这个任务提供了一个基本路径,它将在其中使用基本路径转换所有模板URL 这就是我所尝试的: directive.js: (function() { 'use strict'

我编写了一个基本的gulp angular embed templates任务,将所有带有模板URL的指令转换为模板。如果我在指令模板URL中使用相对路径,那么我可以看到此任务的转换正在正确进行。但是,当我将绝对路径添加到指令html中时,该任务不会附加html模板。任务完成后,我仍然可以看到模板URL

在文档中,我看到这个任务提供了一个基本路径,它将在其中使用基本路径转换所有模板URL

这就是我所尝试的:

directive.js:

(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':'./'}))