grunt-blobify中文文档|grunt-blobify js中文教程|解析

npm npmdoc 3年前 (2021-12-31) 510次浏览

grunt-blobify中文文档|grunt-blobify js中文教程|解析

安装命令:npm i grunt-blobify

咕噜咕噜 构建状态

将任何文件转换为 Blob 以便在浏览器中使用的 Grunt 任务

入门

这个插件需要 Grunt >=0.4.0

如果您以前没有使用过Grunt,请务必查看入门指南,因为它解释了如何创建Gruntfile以及安装和使用 Grunt 插件。熟悉该过程后,您可以使用以下命令安装此插件:

npm install grunt-blobify --save-dev

安装插件后,可以使用以下 JavaScript 代码在 Gruntfile 中启用它:

grunt.loadNpmTasks('grunt-blobify');

Blobify 任务

选项

目标

类型:String值:es6, global默认值:es6

将任务的结果编译为:*
es6export default {...};
*
globalwindow.files = {};

目标命名空间

类型:String默认值:windowglobal目标的命名空间

例子

global 目标

blobify: {
    main: {
        options: {
            target: 'global',
            targetNamespace: 'myApp.cache'
        },
        src: [
            '/YOUR_PATH/*.png',
            '/YOUR_PATH2/*.docx'
        ],
        dest: 'YOUR_PATH/filesCache.js'
    }
}

运行后,grunt blobify:main我们将在“YOUR_PATH/filesCache.js”中有:

....
myApp.cache.files = {
    '/YOUR_PATH/*.png': {Blob},
    '/YOUR_PATH2/*.docx': {Blob}
};

ES6 目标

blobify: {
    main: {
        options: {
            target: 'es6' //or you may remove options, target has 'es6' value by default
        },
        src: [
            '/YOUR_PATH/*.png',
            '/YOUR_PATH2/*.docx'
        ],
        dest: 'YOUR_PATH/filesCache.js'
    }
}

运行后,grunt blobify:main我们将在“YOUR_PATH/filesCache.js”中有:

....
var files = {
    '/YOUR_PATH/*.png': {Blob},
    '/YOUR_PATH2/*.docx': {Blob}
};
....
exports default files;
项目贡献人员列表:


极客公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:grunt-blobify中文文档|grunt-blobify js中文教程|解析
喜欢 (0)
.excerpt .focus {display:none}