grunt:如何使用grunt任务替换html文件中的路径

珍露卡·斯卡里(Jeanluca Scaleri)

在我的grunt配置中,如果有一个变量定义一个包含css文件的目录。现在,我想配置一个grunt任务,将这个变量的值插入到html文件中。例如,我可以想象我有一个index.html文件,如下所示

<!doctype html>
   <head>
      <link rel="stylesheet" href="<% pathToCss %>/styles.css">
      ...

但是我找不到能够为我做的任务。有什么建议可以帮我吗?

珍露卡·斯卡里(Jeanluca Scaleri)

我刚刚发现可以使用grunt.template如下进行操作:

template: {
        options: {
            data: {
                pathToCss: './css'
            }
        },
        demo: {
            files: [
                { '<%= ./output/index.html':  ['<%= ./input/template.html'] }
            ]
        }
    },

然后在输入文件(template.html)中定义“ pathToCss”,如下所示:

<link rel="stylesheet" href="../../<%- pathToCss %>/styles.css">

但是,如果我查看文档,则看不到文档的记录位置!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

grunt:如何使用grunt任务替换html文件中的路径

来自分类Dev

如何基于grunt任务在css文件的index.html中具有可变路径?

来自分类Dev

使用grunt更新html文件中的css / js文件路径

来自分类Dev

如何使用grunt任务生成html文件列表?

来自分类Dev

使用Grunt替换文件中的文本

来自分类Dev

使用Grunt替换文件中的文本

来自分类Dev

如何调试Grunt文件路径?

来自分类Dev

如何调试Grunt文件路径?

来自分类Dev

如何使用动态生成的文件名数组在Grunt中运行任务?

来自分类Dev

Grunt Concat任务:如何排除某些文件?

来自分类Dev

如何在grunt-cli中覆盖grunt任务选项?

来自分类Dev

JS文件在Grunt concat任务中重复

来自分类Dev

无法使用grunt复制任务处理文件

来自分类Dev

无法使用grunt复制任务处理文件

来自分类Dev

使用https下载文件的Grunt任务

来自分类Dev

Grunt用文件内容替换HTML

来自分类Dev

如何在Grunt中禁用任务?

来自分类Dev

如何在VSCode中运行Grunt任务?

来自分类Dev

如何在Grunt中禁用任务?

来自分类Dev

如何从Grunt任务运行grunt-init?

来自分类Dev

使用globbing在Grunt中的HTML <head>中加载多个文件

来自分类Dev

Grunt Usemin:串联的JavaScript文件未在index.html文件中替换

来自分类Dev

Grunt任务修改JavaScript文件

来自分类Dev

如何使用Grunt在index.html中声明依赖项?

来自分类Dev

如何使用Grunt在index.html中声明依赖项?

来自分类Dev

使Grunt Usemin HTML任务创建新文件而不是重写

来自分类Dev

使Grunt Usemin HTML任务创建新文件而不是重写

来自分类Dev

如何告诉Grunt不要在构建任务中缩小或连接js文件?

来自分类Dev

如何调试Grunt Mocha任务?

Related 相关文章

热门标签

归档