Node.js   发布时间:2022-04-24  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了gruntjs – Grunt wiredep wire可以缩小HTML文件中的版本大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以使用Grunt wiredep插件HTML页面中注入缩小版本的依赖项?

解决方法

这可以通过覆盖Gruntfile.js配置中的wiredep fileTypes设置来完成.

以下内容将所有* .js文件名替换(重命名)为* .min.js:

wiredep: {
    task: {
        src: [
            'public_html/**/*.html',// .html support...
            // ...
        ],},fileTypes: {
        html: {
            block: /(([ \t]*)<!--\s*bower:*(\S*)\s*-->)(\n|\r|.)*?(<!--\s*endbower\s*-->)/gi,detect: {
                js: /<script.*src=['"]([^'"]+)/gi,css: /<link.*href=['"]([^'"]+)/gi
            },replace: {
                js: function(filePath) {
                    var filePathStrArr = filePath.split('.');
                    var filePathStr = ''; //filePathStrArr[filePathStrArr.length-2];

                    if (filePathStrArr[filePathStrArr.length - 2] != 'min') {
                        filePathStrArr.pop();
                        filePathStr = filePathStrArr.join('.') + '.min.js';
                        if(!grunt.file.exists(filePathStr)){
                            //console.log('warning - file does not exist:'+filePathStr);
                            filePathStr = filePath; //if the .min.js file does not exist then revert BACk to original filename
                        }
                    } else {
                        filePathStr = filePath;
                    }
                    return '<script src="' + filePathStr + '"></script>';
                },css: '<link rel="stylesheet" href="{{filePath}}" />'
            }
        }
    }
}

请注意,这假设您的所有JavaScript位置都有* .min.js文件.

大佬总结

以上是大佬教程为你收集整理的gruntjs – Grunt wiredep wire可以缩小HTML文件中的版本全部内容,希望文章能够帮你解决gruntjs – Grunt wiredep wire可以缩小HTML文件中的版本所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。