CSSローカルとプロダクションのURLの変更を処理する方法

Question

私たちはVisual Studio 2010を使用しています。プロダクション環境では、私たちはたくさんのリソースをCDNに入れています。しかし、ローカルでデバッグしているときには、相対的なローカルパスからリソースを取得する必要があります。

だから、私たちのCSSに、私はローカルで実行する場合など、当社のCSSを持ってできるようにしたい：私はアズールに公開するとき

.foo { 
    background:url(../images/bar.jpg); 
} 

はしかし、私はCSSを持つようにしたい自動的に更新

.foo { 
    background:url(http://cdn.company.com/website/images/bar.jpg); 
} 

これはVisual Studio 2010で可能ですか？

Answer 1

は、あなたが探している答えではありませんが、参考のために、あなたはこのようになりますMSBuild Community TasksでFileUpdateタスク、でこれを行うことができます：

<PropertyGroup> 
    <Configuration>Debug</Configuration> 
    <TargetAddress>../images</TargetAddress> 
    <TargetAddress Condition="'$(Configuration)'=='Release'">http://cdn.company.com/website/images</TargetAddress> 
</PropertyGroup> 

<Target Name="DeployCSS"> 
    <ItemGroup> 
     <ScriptFiles Include=".\css\*.css"></ScriptFiles> 
    </ItemGroup> 
    <Copy SourceFiles="@(ScriptFiles)" DestinationFiles="@(ScriptFiles->'$(DeployPath)css\%(Filename)%(Extension)')"></Copy> 
    <FileUpdate Encoding="ASCII" Files="@(ScriptFiles->'$(DeployPath)css\%(Filename)%(Extension)')" Regex="\.\./images" ReplacementText ="$(TargetAddress)"/> 
</Target> 

Answer 2

web.configファイルにベースURLを置き、web configトランスフォームを使用して、公開されている場所に基づいてベースURLを変更できます。

いくつかのドキュメント：私はおそらくこの実現 http://msdn.microsoft.com/en-us/library/dd465326.aspx

Answer 3

ここはあなたです。ほとんどの開発者がそうであるように、私はあなたが取り組む必要があるさまざまなアプリケーションのための別々のスタイルシートを使用することをお勧めします。 ;）

をので...そして、

<asp:Literal ID="DynamicCSS" runat="server"></asp:Literal> 

が要求元に基づいて動的にロードするために、次のコードを使用するようにあなたは、単に>あなた<の頭の中で自分のマークアップにリテラルを追加することができます。

Private Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init 
    If Request.Url.Host = "localhost" Then 
     DynamicCSS.Text = "<link type=""text/css"" rel=""Stylesheet"" href=""Styles/style1.css"" />" 
    Else 
     DynamicCSS.Text = "<link type=""text/css"" rel=""Stylesheet"" href=""Styles/style2.css"" />" 
    End If 
End Sub 

private void Page_Init(object sender, System.EventArgs e) { 
    if (Request.Url.Host == "localhost") { 
     DynamicCSS.Text = "<link type=\"text/css\" rel=\"Stylesheet\" href=\"Styles/style1.css\" />"; 
    } else { 
     DynamicCSS.Text = "<link type=\"text/css\" rel=\"Stylesheet\" href=\"Styles/style2.css\" />"; 
    } 
} 

注：私はC＃のコードをテストしていないが、私はそれが同じように動作するはずと思います。乾杯;）