2017-08-23 5 views
0

J'ai le code ci-dessous dans mon fichier BundleConfig.cs. les paramètres de configuration actuels concaténent tous les fichiers dans un seul fichier, mais je veux également que ce fichier unique soit également réduit, afin que la taille du fichier soit réduite et que les performances augmentent.Comment minifier les fichiers CSS à l'aide du fichier MVC .NET Bundle Conifig

 bundles.Add(
      new StyleBundle(
       "~/Contents/css/style-bundle").Include("~/Contents/css/reset.css", 
                 "~/Contents/css/page1.css", 
                 "~/Contents/css/page2.css")); 
+2

Il sera automatiquement réduit en production. –

+0

Non, il est minifié, il est juste concaténé – codegeek

+0

Avez-vous essayé minifiers en ligne comme http://www.minifier.org/ –

Répondre

0

Ajouter ce code à votre code de bas

BundleTable.EnableOptimizations = true; 

rapetisser js aussi css.

+1

OP a mentionné que * Bundling fonctionne en concaténant des fichiers dans un seul fichier. * Mais le code que vous avez fourni est lié à * [Activation de l'empaquetage en mode débogage] (https://docs.microsoft.com/en-us/aspnet/ mvc/overview/performance/groupage-et-minification # controlling-bundling-and-minification) * – mmushtaq

+0

https://github.com/deanhume/html-minifier Voici le fichier .exe à configurer dans le profil de publication xml. lorsque vous publiez votre code, automatisé, html, chhtml, js, css fichier minify et mettre sur votre emplacement respectif. –

0

Je suppose que vous n'aviez aucun fichier minifié sur votre solution. Copiez d'abord chaque texte CSS sur le site du minificier comme: CSS Minifier ou Minifier. Ensuite, ajoutez ceci à votre solution avec min mot sur le nom du fichier comme:

page1-min.css 

Vous ne devez pas nécessairement ajouter ceci sur votre paquet depuis ASP.NET fera pour vous en mode de libération.

Assurez-vous que vous êtes sur avant d'exécuter votre application et vérifiez la source de votre page.