asp.net – JS / CSS包括部分替换,Debug vs Release

我很想知道人们如何处理条件标记,特别是在发布和调试版本之间的主页中.

适用于的特定方案是处理连接的js和css文件.我目前正在使用YUI压缩的.Net端口从大量独立文件中生成单个site.css和site.js.

我想到的一个想法是将js和css include部分放在用户控件或面板集合中,并有条件地显示< link>和< script>基于程序集的Debug或Release状态的标记.有点像：

#if DEBUG
    pnlDebugIncludes.visible = true
#else
    pnlReleaseIncludes.visible = true       
#endif

面板在语义上真的不是很好 – 包装< script> < div>中的标签有点粗糙;必须有一个更好的方法.我还认为块级元素如< div>在< head>内将是无效的HTML.

另一个想法是,这可以使用web.config部分替换来处理,但我不确定我将如何去做.

解决方法

关于web.config设置的变化有一个很好的讨论：

Using different Web.config in development and production environment

注意：你问了一个不同的问题,但我建议你看一下,因为它是一个很棒的建议,如何在实时和调试设置之间切换,所有的答案(IMO)都有一些价值 – 不仅仅是最高投票/接受了答案.

就个人而言,我使用这里解释的方法并认为它是最灵活的,适用于所有类型的配置更改,因为它是基于文件的,但允许它们根据解决方案配置自动交换：

http://www.hanselman.com/blog/ManagingMultipleConfigurationFileEnvironmentsWithPreBuildEvents.aspx

实质上,您运行预构建事件以将Web配置与光盘上的另一个交换,并将解决方案配置名称附加到文件名.例如,我有web.config.release,web.config.debug甚至是web.config.neilathome.

然后,我通过创建部分类并将我的解决方案配置之间发生变化的内容放在他们自己的文件中,对代码的条件位使用完全相同的方法.例如,我有sync_timersettings.cs这是一个包含一些常量的部分类,这些常量定义了我的更新代码调用Web服务的频率.或者您可以将所有设置放在app.settings文件中并按此方式执行.

我发现它是一个非常灵活的解决方案,它让我可以换掉javascript和css的块,只要你花时间把配置之间的东西放在自己的文件中,你就可以进入一个你可以调试的状态在调试解决方案配置中,然后切换到一次单击释放和部署.

另外一点：

#if DEBUG
    pnlDebugIncludes.visible = true
#else
    pnlReleaseIncludes.visible = true       
#endif

回复评论：

这仅在您具有调试解决方案配置而另一个是您的实时部署时才有用.当您(像我一样)拥有登台,发布和neilonhislaptop解决方案配置时,它将无法工作,因为只有在启用调试时才设置DEBUG符号.解决方法是转到Web应用程序的属性页面,在构建选项卡中,为每个构建配置添加条件符号. IE,设置构建配置以释放并在该选项卡的条件符号框中放置’release’.然后对不同的构建配置执行相同操作,其中的条件符号框将根据您的构建配置自动更改. #if条件编译指令将按预期工作.

Bayard询问了有关如何使用它来更改配置之间标记的更多信息.那么你可以用来换掉整个.aspx页面 – 有home.aspx.release和home.aspx.debug,但这意味着你必须在每个文件中重复大量标记.我的解决方案是为我的应用程序添加一个部分类.例如,我的“ViewImage”页面中包含以下类定义：

public partial class ViewImage : System.Web.UI.Page

..所以我创建了一些具有相同签名的类文件,并将它们命名为’ViewImage_titleset.cs.debug’和’ViewImage_titleset.cs.staging’：

namespace Website
{
    public partial class ViewImage : System.Web.UI.Page
    {
        public void SetTitle()
        {
            Page.Title = "Running in debug mode";
        }
    }
}

和

namespace Website
{
    public partial class ViewImage : System.Web.UI.Page
    {
        public void SetTitle()
        {
            Page.Title = "Running in staging mode";
        }
    }
}

..在ViewImage的页面加载事件中调用SetTitle将根据所使用的构建配置更改标题.这仅在您以编程方式更改页面时才有效.

最好使用上面的条件编译方法来更改这样的代码,并保留文件交换方法来更改非代码文件,如images或web.configs.只需确保您没有设置要在发布时部署的备用文件.

asp.net – JS / CSS包括部分替换,Debug vs Release

解决方法

相关文章