Question

当我使用Web Deploy Publish Profile进行部署时，我正在尝试使用AjaxMin缩小Javascript和CSS。这是我在项目文件中的内容：

<Import Project="$(MSBuildExtensionsPath)\Microsoft\MicrosoftAjax\AjaxMin.tasks" />
  <PropertyGroup>
    <ResGenDependsOn>
      MinifyJavascriptAndCss;
      $(ResGenDependsOn);
    </ResGenDependsOn>
  </PropertyGroup>
  <Target Name="MinifyJavascriptAndCss" 
    Condition=" '$(ConfigurationName)'=='Release' ">
  <ItemGroup>
    <JS Include="$(_PackageTempDir)\**\*.js" 
      Exclude="$(_PackageTempDir)\**\*.min.js;Scripts\*.js" />
  </ItemGroup>
  <ItemGroup>
    <CSS 
      Include="$(_PackageTempDir)\**\*.css" 
      Exclude="$(_PackageTempDir)\**\*.min.css" />
  </ItemGroup>
  <Message Text="Compressing JavaScript and CSS files into $(_PackageTempDir)"
    Importance="high" />
  <AjaxMin JsSourceFiles="@(JS)" JsSourceExtensionPattern="\.js$"
    JsTargetExtension=".min.js" CssSourceFiles="@(CSS)" 
    CssSourceExtensionPattern="\.css$" CssTargetExtension=".min.css" />
</Target>

如果我观察输出目录，我可以看到文件在min.*文件出现时被缩小，但是当部署包文件时，它们不包括在内。

如何强制缩小文件包含在发布包中？

Answer 1

它在VS2010中对我有用，但对VS2012没有任何作用......

<!-- Use AjaxMinifier from Libs folder in this project -->
      <UsingTask TaskName="AjaxMin" AssemblyFile="$(MSBuildProjectLocation)Libs\AjaxMinTask.dll" />
      <!-- This target will run after publish web in Release mode -->
      <Target Name="MinifyJavaScriptAndCSS" AfterTargets="CopyAllFilesToSingleFolderForPackage" Condition="'$(Configuration)'=='Release'">
        <ItemGroup>
          <!-- Every .js file (exclude *.min.js and *.vsdoc.js files) -->
          <JS Include="$(_PackageTempDir)\**\*.js" Exclude="$(_PackageTempDir)\**\*.min.js;$(_PackageTempDir)\**\*vsdoc.js" />
          <!-- Every .css file (exclude *.min.css files) -->
          <CSS Include="$(_PackageTempDir)\**\*.css" Exclude="$(_PackageTempDir)\**\*.min.css" />

        </ItemGroup>
        <!-- Log in output build window -->
        <AjaxMin JsKnownGlobalNames="jQuery,$" JsSourceFiles="@(JS)" JsSourceExtensionPattern="\.js$" JsTargetExtension=".js" CssSourceFiles="@(CSS)" CssSourceExtensionPattern="\.css$" CssTargetExtension=".css" />
        <!-- Log in output build window -->
        <Message Text="[pcv] $(MSBuildProjectName) -&gt; Minified: @(JS)" Importance="high" />
        <Message Text="[pcv] $(MSBuildProjectName) -&gt; Minified: @(CSS)" Importance="high" />

      </Target>

Answer 2

我遇到了同样的问题并成功解决了问题。有一种简单的方法可以完成这项任务。

将原始CSS / JS文件的Build Action设置为None，并将minify文件的Build Action设置为Content。现在，当您构建项目时，只会缩小css / java脚本文件。

Answer 3

我使用VS2012，这对我有用

<!--<Import Project="$(MSBuildExtensionsPath)\Microsoft\MicrosoftAjax\AjaxMin.targets" />-->
  <UsingTask TaskName="AjaxMin" AssemblyFile="$(MSBuildProjectDirectory)\..\packages\AjaxMin.5.14.5506.26202\tools\net40\AjaxMinTask.dll" />
  <Target Name="MinifyJsAndCss"  AfterTargets="CopyAllFilesToSingleFolderForPackage" >
    <ItemGroup>
      <JS Include="$(_PackageTempDir)\App_Scripts\**\*.js" Exclude="$(_PackageTempDir)\**\*.min.js" />
      <CSS Include="$(_PackageTempDir)\**\*.css"  Exclude="$(_PackageTempDir)\**\*.min.css" />
    </ItemGroup>
    <Message Text="Compressing JavaScript and CSS files...(to edit this feature, unload the project, right click it ->edit -> search for 'AjaxMin' bottom of the xml)" Importance="high" />
    <AjaxMin JsSourceFiles="@(JS)" JsSourceExtensionPattern="\.js$" JsTargetExtension=".js" CssSourceFiles="@(CSS)" CssSourceExtensionPattern="\.css$" CssTargetExtension=".min.css" />
  </Target>

缩小Web部署的JS / CSS

3 个答案: