谁可以为 grunt-wiredep 生成的 URL 添加前缀和后缀?
Who can i append a prefix and a suffix to the URL's generated by grunt-wiredep?
我正在尝试利用 grunt-wiredep 来更改 spring-boot 项目中的源代码。
通过下拉 JS/CSS 和依赖项,使用 bower 可以按预期工作,grunt-wiredep 将更新源代码,但我需要用 @{[=29= 包围 URL ]} 由于我使用百里香的方式。
这可能吗? grunt-wiredep 有 prefix/suffix 选项吗? (目前我还没有找到)。
当前输出:
<!-- bower-js:start -->
<script src="bower_components\bootstrap-colorpicker\js\bootstrap-colorpicker.js">
</script>
<!-- bower-js:end -->
期望输出:
<!-- bower-js:start -->
<script src="@{\bower_components\bootstrap-colorpicker\js\bootstrap-colorpicker.js}">
</script>
<!-- bower-js:end -->
grunt-wiredep
可以利用 original wiredep
.
提供的任何配置选项
在上面link你可以看到输出格式也可以配置,github自述文件给出了一个随机class附加到脚本标签的例子:
fileTypes: {
fileExtension: {
block: /match the beginning-to-end of a bower block in this type of file/,
detect: {
typeOfBowerFile: /match the way this type of file is included/
},
replace: {
typeOfBowerFile: '<format for this {{filePath}} to be injected>',
anotherTypeOfBowerFile: function (filePath) {
return '<script class="random-' + Math.random() + '" src="' + filePath + '"></script>';
}
}
}, //...
因此,例如,您可以覆盖默认的 HTML fileExtension 配置块,如下所示:
html: {
block: /(([ \t]*)<!--\s*bower:*(\S*)\s*-->)(\n|\r|.)*?(<!--\s*endbower\s*-->)/gi,
detect: {
js: /<script.*src=['"]([^'"]+)/gi
},
replace: {
js: '<script src="@{\{{filePath}}}"></script>'
}
},
我正在尝试利用 grunt-wiredep 来更改 spring-boot 项目中的源代码。
通过下拉 JS/CSS 和依赖项,使用 bower 可以按预期工作,grunt-wiredep 将更新源代码,但我需要用 @{[=29= 包围 URL ]} 由于我使用百里香的方式。
这可能吗? grunt-wiredep 有 prefix/suffix 选项吗? (目前我还没有找到)。
当前输出:
<!-- bower-js:start -->
<script src="bower_components\bootstrap-colorpicker\js\bootstrap-colorpicker.js">
</script>
<!-- bower-js:end -->
期望输出:
<!-- bower-js:start -->
<script src="@{\bower_components\bootstrap-colorpicker\js\bootstrap-colorpicker.js}">
</script>
<!-- bower-js:end -->
grunt-wiredep
可以利用 original wiredep
.
在上面link你可以看到输出格式也可以配置,github自述文件给出了一个随机class附加到脚本标签的例子:
fileTypes: {
fileExtension: {
block: /match the beginning-to-end of a bower block in this type of file/,
detect: {
typeOfBowerFile: /match the way this type of file is included/
},
replace: {
typeOfBowerFile: '<format for this {{filePath}} to be injected>',
anotherTypeOfBowerFile: function (filePath) {
return '<script class="random-' + Math.random() + '" src="' + filePath + '"></script>';
}
}
}, //...
因此,例如,您可以覆盖默认的 HTML fileExtension 配置块,如下所示:
html: {
block: /(([ \t]*)<!--\s*bower:*(\S*)\s*-->)(\n|\r|.)*?(<!--\s*endbower\s*-->)/gi,
detect: {
js: /<script.*src=['"]([^'"]+)/gi
},
replace: {
js: '<script src="@{\{{filePath}}}"></script>'
}
},