我正在使用servicestack/bundler来组合和缩小我的js&来自powershell构建脚本的css文件。
作为此构建过程的一部分,我想在我的_Layout
文件中找到生成的javascript和css文件,并自动添加查询字符串版本。
例如
<link type="text/css" rel="stylesheet" href="/Content/app.min.css?v=1")" />
<script type="text/javascript" src="/Content/app.min.js?v=1")"></script>
变为
<link type="text/css" rel="stylesheet" href="/Content/app.min.css?v=2")" />
<script type="text/javascript" src="/Content/app.min.js?v=2")"></script>
在PowerShell中执行此操作的最有效方法是什么?
答案 0 :(得分:1)
我已经弄明白了,并已将解决方案上传到github。我选择在文件名instead of appending a querystring parameter at the end of the file中使用MD5哈希。原因是因为某些代理不使用查询字符串缓存文件。
如果没有更改文件,此解决方案也不会发布。
以下是带有可读性评论的解决方案。
#region Variables
$directoryPath = Split-Path ((Get-Variable MyInvocation).Value).MyCommand.Path # directory the script is running from (document root)
$jsFilePath = "assets\scripts\" # scripts path will end with trailing slash "\"
$cssFilePath = "assets\css\" # css path will end with a trailing slash "\"
$jsFileNameRegex = [regex] '(nameOfYourProject\.).*(\.min\.js)' # myApp.asdf1234.min.js
$cssFileNameRegex = [regex] '(nameOfYourProject\.).*(\.min\.css)' # myApp.asdf1234.min.js
$filesContainingVersionedResourceRefs = @("$directoryPath\index.html") # array of files to search for script/css references
#endregion
#region Functions
# Function which versions javascript and css files using the content hash.
# NOTE: this assumes that you have two "default" versions of your combined files
# nameOfYourProject.css/js
# nameOfYourProject.min.css/js
function versionResource($fileToVersionRegex, $filePath){
# Gets the default file name from the regex
$defaultFileName = $fileToVersionRegex.ToString() -replace "(\()|(\))|(\\)|(\*)", ""
$defaultFileName = $defaultFileName -replace "\.\.\.", "."
# Gets the content of the default file and creates a hash
$fileContent = Get-Content $filePath\$defaultFileName
$md5 = new-object -TypeName System.Security.Cryptography.MD5CryptoServiceProvider
$utf8 = new-object -TypeName System.Text.UTF8Encoding
$hash = [System.BitConverter]::ToString($md5.ComputeHash($utf8.GetBytes($fileContent)))
$versionHash = $hash.Replace('-', '')
# Creates a new file name based on the content hash
$newFileName = $defaultFileName -replace "\.min", ".$versionHash.min"
# Tries to get the old versioned file name
$fileToVersion = Get-ChildItem $filePath | Where-Object {$_.Name -match $fileToVersionRegex}
if($fileToVersion -ne $null) {
$oldFileName = $fileToVersion.Name
}
# $newFileName is still just a string at this point.
# If the new version name doesn't match the old version name,
# then we know that we need to update everything to the new version.
if($oldFileName -ne $newFileName) {
# OPTIONAL
# remove the obsolete version of the file to be versioned
# You may choose to NOT remove the versioned file, however
# since it "should" be in your version control, you can roll back if necessary
if($fileToVersion -ne $null) {
Remove-Item $filePath$oldFileName -Force -ErrorAction SilentlyContinue
}
# rename the default file with the new file name
Rename-Item -literalPath $filePath$defaultFileName -NewName $newFileName
# loop through all of the specified source files and replace with the appropriate versioned file
foreach($private:file in $filesContainingVersionedResourceRefs){
$fileContent = Get-Content $private:file
Clear-Content $file
if($oldFileName -ne $null){
# replace the old version string if it exists
$newFileContent = $fileContent -replace "$oldFileName","$newFileName"
} else {
# replace the default version string if it exists
$newFileContent = $fileContent -replace "$defaultFileName","$newFileName"
}
Add-Content $private:file $newFileContent
}
}
# OPTIONAL: remove original files
# this just keeps your directory clean and free of unneeded versions of the css/js
$private:nonMinifiedVersion = $defaultFileName -replace ".min", ""
Remove-Item -LiteralPath $filePath$defaultFileName -ErrorAction SilentlyContinue
Remove-Item -LiteralPath $filePath$private:nonMinifiedVersion -ErrorAction SilentlyContinue
}
# version the Javascript
versionResource $jsFileNameRegex $jsFilePath
# version the css
versionResource $cssFileNameRegex $cssFilePath