html - Grunt concat html 和 js 有不同的分隔符?

标签 html gruntjs grunt-contrib-concat

目前我正在使用 grunt 连接我的 Javascript 文件和 grunt-contrib-concat如下:

concat: {
    options: {
        separator: ';'
    },
    js: {
        src: [
            '...'
        ],
        dest: 'main.js',
        nonull: true
    }
}

这很好用。但是,我还想连接一些 HTML 文件,请先执行此操作。

但是,如果我添加一个单独的任务,例如

concat: {
    options: {
        separator: ';'
    },
    js: {
        src: [
            '...'
        ],
        dest: 'main.js',
        nonull: true
    },
    html: {
        src: [
            '...'
        ],
        dest: 'partials.html'
    }
}

它将在每个 HTML 文件之间使用相同的 ; 分隔符...

我在文档和示例中看不到任何对我有帮助的内容。

我想我可以使用一个单独的插件,也许像 grunt-html-build 这样的插件但是当我只想连接它们时,这似乎有点复杂。

我可能想使用 grunt-contrib-htmlmin或之后也有类似的情况,因此值得牢记。

手动检查每个脚本以确保它以分号结尾的麻烦/开销是否值得?

解决这个问题的最佳方法是什么?

最佳答案

为什么不根据目标指定不同的分隔符?

grunt.initConfig({
  concat: {
    html: {
      options: {
        separator: " whatever "
      },
      src: []
    },
    js: {
      options: {
        separator: ";\n"
      },
      src: []
    },
  },
});

关于html - Grunt concat html 和 js 有不同的分隔符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22170986/

相关文章:

html - 调整图像大小后填充剩余空间,保持其纵横比

javascript - Grunt phpcs 多个任务不运行

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

javascript - Grunt babel 多个文件并保留源映射

html - 如何在 HTML 表格中放大我的 SVG?

html - 如何拉伸(stretch) flex child 以填充容器的高度?

gruntjs - Yeoman 生成器中的 "{.tmp,app} "是什么?

gruntjs - 在 Grunt 中按顺序运行任务

javascript - 每隔几秒从 .php 文件加载代码

node.js - 分离的子进程在 Node.js 中的脚本退出时退出