Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Vista: 5870|Resposta: 2

[Fonte] Operação Prática: Use o BundleTransformer para substituir System.Web.Optimization

[Copiar link]
Postado em 2022-11-12 11:05:08 | | | |
Requisitos: A extensão modular do System.Web.Optimization (também conhecida como Microsoft ASP.NET Web Optimization Framework) que vem com o Microsoft ASP.NET MVC está desatualizada e não é atualizada há muito tempo (Última atualização: 20/20/2014, há alguns bugs que ninguém corrigiu), introduzir o bootstrap 4 causará um erro, usando um Bundle Transformer de terceiros para substituir o padrão.

Sobre compressão agrupada:O login do hiperlink está visível.

System.Web.Optimization:F:\...\packages\Microsoft.AspNet.Web.Optimization.1.1.3\lib\net40\System.Web.Optimization.dll

Endereço NuGet:O login do hiperlink está visível.

System.Web.Optimization dará o seguinte erro ao agrupar o Bootstrap 4:

/* 未能缩小。正在返回未缩小的内容。
(6,10): erro de tempo de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6,25): erro de tempo de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6,42): erro de tempo de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6,59): erro de tempo de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6,74): erro de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6,88): erro de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.105): erro de tempo de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.122): erro de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.138): erro de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.153): erro de execução CSS1062: Ponto e vírgula esperado ou travessão enrolada de fechamento, encontrado '-'
(6.168): erro em tempo de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.181): erro de tempo de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.196): erro em tempo de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.216): erro de execução CSS1062: ponto e vírgula esperado ou brasão enrolada de fechamento, encontrado '-'
(6.234): erro em tempo de execução CSS1062: Ponto e vírgula esperado ou braquete enrolado de fechamento, encontrado '-'
(6.254): erro de tempo de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.272): erro de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.287): erro de tempo de execução CSS1062: Ponto e vírgula esperado ou braquete enrolado de fechamento, encontrado '-'
(6.305): erro de tempo de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.322): erro de execução CSS1062: ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.338): erro de execução CSS1062: Ponto e vírgula esperado ou colônia enrolada de fechamento, encontrado '-'
(6.353): erro em tempo de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.371): erro em tempo de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.393): erro de tempo de execução CSS1062: Ponto e vírgula esperado ou colônia enrolada de fechamento, encontrado '-'
(6.415): erro de tempo de execução CSS1062: Ponto e vírgula esperado ou braquete enrolado de fechamento, encontrado '-'
(6.437): erro de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.460): erro de tempo de execução CSS1062: Ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
(6.644): erro de execução CSS1062: ponto e vírgula esperado ou chaveiro de fechamento, encontrado '-'
*/
/*!
* Bootstrap v4.1.3 (https://getbootstrap.com/)
* Direitos autorais 2011-2018 Autores Bootstrap
* Direitos autorais 2011-2018 Twitter, Inc.
* Licenciado pelo MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)


Transformador de feixe

Bundle Transformer - Uma extensão modular do System.Web.Optimization (também conhecido como Microsoft ASP.NET Web Optimization Framework). As classes StyleTransformer e ScriptTransformer, que estão incluídas no núcleo do Bundle Transformer e implementam a interface IBundleTransform. Eles foram projetados para substituir as classes padrão: CssMinify e JsMinify.

As principais diferenças entre o StyleTransformer e as implementações de classes e padrão ScriptTransformer: a capacidade de excluir ativos desnecessários ao adicionar ativos do diretório, não produz reescalonamento de ativos pré-minificados, suporta a conversão automática de caminhos relativos para caminhos absolutos em código CSS (usando UrlRewritingCssPostProcessor), etc. Essas classes não produzem minificação do código em tempo de execução, mas essa funcionalidade pode ser adicionada instalando módulos minifier (os módulos disponíveis atualmente são baseados no Microsoft Ajax Minifier, YUI Compressor para .NET, NUglify, Google Closure Compiler, JSMin de Douglas Crockford, Packer de Dean Edwards, UglifyJS por Mihai Bazon, CSSO (CSS Optimizer) por Sergey Kryzhanovsky, WebGrease e Clean-css). Além disso, você pode instalar módulos de tradução para implementar tradução de código em linguagens intermediárias (LESS, Sass, SCSS, CoffeeScript, TypeScript, Mustache (usando Hogan) e Handlebars). Além disso, existe um terceiro tipo de módulo no Transformador de Bundle - pós-processadores. O pós-processador roda depois do tradutor e antes do compressor. Os seguintes pós-processadores agora estão disponíveis: URL Rewrite CSS Postprocessor (incluído no núcleo) e módulos de pós-processador baseados no Autoprefixer de Andrey Sitnik.

Endereço do GitHub:O login do hiperlink está visível.
Tutorial de Documentação:O login do hiperlink está visível.

BundleTransformer.Core apenas oferece funcionalidade de agrupamento eRecursos como ofuscação por compressão não estão disponíveisSe compressão e outras funções precisarem ser introduzidas em outros módulos, este artigo usaráBundleTransformer.NUglifyO módulo de extensão comprime as saídas CSS e JS incluídas.

BundleTransformer.NUglify contém dois adaptadores minifier: "NUglifyCssMinifier" (para miniaturização de código CSS) e "NUglifyJsMinifier" (para miniaturização de código JS). Esses adaptadores realizam minificação (https://github.com/trullock/NUglify).
Portanto, o projeto pode introduzir diretamente o BundleTransformer.NUglify com o seguinte comando NuGet:

Após a conclusão da instalação, modifique a configuração BundleConfig.cs com o seguinte código:

Neste ponto, acesse o link /plugins/site/login, o recurso CSS eNão comprimido, você também precisa modificar a configuração do web.config para tornar o "NUglifyCssMinifier" o programa padrão de minifier CSS.

UrlRewritingCssPostProcessor: suporta a conversão automática de caminhos relativos em caminhos absolutos em código CSS, etc.

Localize o arquivo web.config/configuration/bundleTransformer/core/cssModificado da seguinte forma:

A configuração completa é a seguinte:

(Fim)





Anterior:[Combate real]. Crashes e exceções de aplicações NET/C# geram automaticamente arquivos de despejo DMP
Próximo:A placa de rede também pode ser virtualizada? Explicação detalhada da tecnologia de virtualização de placas de rede Macvlan
Postado em 2022-11-15 18:23:22 |
Aprenda um pouco
 Senhorio| Postado em 10-07-2023 18:35:50 |
ASP.NET Core (doze) front-end JS, agrupamento e compressão de CSS
https://www.itsvse.com/thread-10282-1-1.html

Asp.net MVC Bundle empacota todos os arquivos CSS juntos
https://www.itsvse.com/thread-4921-1-1.html
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.

Mail To:help@itsvse.com