0

我正在尝试使用 grunt-preprocess 模块，但很难让 ifdefs 工作。

这是我的 gruntfile

module.exports = function(grunt) {
// Configuratuion goes here

grunt.initConfig({

  preprocess : {

    options: {
      context : {
        DEBUG: false
      }
    },

    html : {
      src : 'dev/index.html',
      dest : 'dev/index.processed.html'
    }

  }
});

grunt.loadNpmTasks('grunt-preprocess');
grunt.registerTask('default', ['preprocess']);
}

这是我的html

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<div id="wrap">

<!-- @ifdef DEBUG -->
  <h1>Test Page</h1>
<!-- @endif -->

<!-- @exclude -->
<header>You're on dev!</header>
<!-- @endexclude -->

<p>Test Pragraph</p>

<div id="output"></div>

</div>

</body>
</html>

但是当我运行 grunt 时，DEBUG ifdef 之间的代码没有被删除（尽管 ifdef 注释本身被删除了）

我有一种感觉，我错过了文档中未提及的一些关键步骤。

谢谢

4

1 回答 1

1

请参阅文档：

@ifdef VAR / @endif如果定义了 VAR，这将包括封闭的块(typeof !== 'undefined')

您的DEBUG-Var 已定义（其值为布尔值），因此您的块将被包含在内。完全删除它，它应该可以工作：

options: {
  context : {}
}
于 2013-08-10T11:52:50.607 回答