grunt插件：grunt-plug-insert

2024年5月24日 271次阅读 来源: 心恭弘=叶 恭弘

作者：心恭弘=叶 恭弘
时刻：2019年01月24日 20:08

需求申明

在我们开辟代码的时刻，不会把悉数代码写在一个文件，只要末了打包的时刻齐集并在一同，而有时刻，我们除了要兼并代码，还能够须要更天真的兼并计划。

这个插件就是在一个代码文件中的指定位置插进去一些了碎片文件。

怎样运用

起首，须要装置node包：

npm install grunt-plug-insert --save-dev

一旦装置好了，你就能够在Gruntfile.js中到场下面代码，运用这个插件：

grunt.loadNpmTasks('grunt-plug-insert');

以上和别的grunt插件都一样，我们重要申明一下怎样设置使命。

grunt.initConfig({
  insert: {
    options: {
      banner: "",
      link: "\n",
      // Place of segmentation
      separator: '@CODE inserts compiled test here',
      // Insert the target file
      target: 'test/fixtures/test'
    },
    files: {
      // Target and fragmentation files
      'tmp/test': ['test/fixtures/insert1', 'test/fixtures/insert2']
    },
  },
});

上面是设置的一个例子，和别的插件一样，也能够设置使命称号等，这里不再赘述了，我们来讲一下几个设置选项的意义。

  • options.separator：设置插槽。也就是我们会把『目的文件』中的这段字符串替换成一系列『碎片文件』，并终究保存在『打包目的文件』。
  • options.target：『目的文件』
  • files：我们能够在这里设置多个键值对，键是一个字符串，也就是『打包目的文件』，值是一个数组，也就是『碎片文件』。

从上面的设置能够看出来，我们能够一次设置多个兼并使命，上面只设置了一个。

对例子申明

为了协助更好的明白，我们对上面的例子举行申明：

把文件test/fixtures/test中的字符串”@CODE inserts compiled test here”替换成文件test/fixtures/insert1和文件test/fixtures/insert2，并把兼并后的效果保存在文件
tmp/test中。

    原文作者：心恭弘=叶 恭弘
    原文地址: https://segmentfault.com/a/1190000018014449
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞