Javascript 如何在angularjs中访问预处理_Javascript_Angularjs_Gulp Preprocess

Javascript 如何在angularjs中访问预处理

javascript angularjs

Javascript 如何在angularjs中访问预处理,javascript,angularjs,gulp-preprocess,Javascript,Angularjs,Gulp Preprocess,我正在使用gulp开发web应用程序Angularjs 使用gulp，我创建了一个环境变量，如下所示 var env = process.env.NODE_ENV || 'test'; gulp.task('preprocess', function() { log('Preprocess..'); log(env) // Minify and copy all JavaScript (except vendor scripts) return gulp.sr

我正在使用gulp开发web应用程序Angularjs

使用gulp，我创建了一个环境变量，如下所示

var env = process.env.NODE_ENV  || 'test';

gulp.task('preprocess', function() {
    log('Preprocess..');
    log(env)
    // Minify and copy all JavaScript (except vendor scripts)
    return gulp.src(source.scripts)
        .pipe(preprocess({context:{target:env}}))
});

这是我的吞咽输出

[11:23:02] Starting 'preprocess'...
[11:23:02] Preprocess..
[11:23:02] test
[11:23:02] Finished 'preprocess' after 370 ms

但是我不能在我的angular代码中访问这个环境变量。我不知道是否需要包含任何插件

这是access环境变量的js代码

//@ifdef  env='test'
    alert('Environment variable test');
//@endif

//@ifdef  env='local'
alert('Environment variable local');
//@endif    

//@ifdef  env='dev'
alert('Environment variable dev');
//@endif

如何访问gulp创建的环境变量

请帮帮我。

我想您正在开发一个提供index.html的SPA

如果是这样，那么使用服务器端HTML模板库来预处理HTML。我们个人使用的是翡翠

实际上，您可以将index.html转换为Jade，从而获得index.Jade。创建一个gulp任务，将Jade写入HTML。在gulp任务中，您可以设置Jade将用于编写index.html的变量

在您的index.jade中，执行以下操作

<html class="VARIABLE_FROM_GULP_TASK"> <!-- this would be written in Jade -->

.var_exist .body { color:red }
.var_not_exist .body { color:blue }

请注意，变量的值将在构建时写入HTML文件

希望对您有所帮助。

开发！==dev尝试将@ifdef env='dev'更改为gulp文件作为env输出的内容（如果这是您所期望的）。您的答案是普通javascript，但这是预处理