Compartilhe

Abril de 2025 Digest mensal da linha de base | Blog | web.dev

Publicado: 1 de maio de 2025

Abril foi um mês movimentado para a linha de base, com muitas atualizações de ferramentas, alguns recursos recentemente disponíveis, bem como alguns recursos que se tornaram amplamente disponíveis. Atualize -se rapidamente nesta edição do resumo mensal da linha de base!

Recursos recém -disponíveis da linha de base disponíveis

Os seguintes recursos se tornaram a linha de base recentemente disponível este mês:

Recursos de linha de base amplamente disponíveis

Os seguintes recursos se tornaram amplamente disponíveis este mês:

Suporte para CSS e HTML basal apresenta terras em Insiders de código do Visual Studio

Muito trabalho foi feito na frente de ferramentas para a linha de base, e talvez uma das maiores notícias nessa área seja feita para integrar a linha de base no código do Visual Studio. Em Os insiders construemagora há suporte para os recursos de base CSS e HTML na forma de dicas de ferramentas quando você mouse sobre regras CSS e elementos HTML.

As dicas de ferramentas para os recursos de linha de base aparecerão quando você passar o mouse sobre construções de idioma CSS ou HTML, como nesta captura de tela para a propriedade abreviada da linha da grade.

Esta atualização é uma boa atualização que rapidamente permite saber se os recursos que você está usando no HTML e CSS do seu projeto são amplamente suportados ou não. Enquanto está atualmente nos criados, deve atingir estável em algum momento do futuro próximo.

Essa alteração também ficará disponível em outros IDEs baseados em código. Enquanto isso, o apoio já chegou em Zed. No entanto, observe que há um problema conhecido que afeta a exibição do ícone da linha de base.

Stylelint adiciona suporte para a linha de base

Há pouco tempo, o suporte ao CSS desembarcou em Eslint e, com ele, incluiu uma regra para o uso de recursos do CSS com base no status da linha de base. No entanto, o Stylelint é outra ferramenta foi usada para revestir CSS, e também recentemente conseguiu apoio à linha de base na forma de o stylelint-plugin-use-baseline plugin.

Esta regra funciona de maneira muito semelhante à de Eslint, mas está disponível para desenvolvedores que preferem o Stylelint a Eslint para CSS. Se você deseja ter uma idéia de como adicioná -lo à sua configuração de Stylelint existente, verifique a documentação do pacote ou confira o Demoção de ferramentas de Stylint Criamos que o mostra em ação!

Eslint Atualizações

Eslint continua a atingir atualizações para suas capacidades de linha CSS, e isso resultou em algumas mudanças e acréscimos ao use-baseline regra:

  • Agora você pode segmentar anos de linha de base em sua configuração. Antes, você só podia usar os valores “recém-” “e” amplamente “em sua configuração, mas agora pode especificar um ano de linha de base específico, oferecendo a você um controle muito mais refinado sobre como seu uso do CSS apresenta avisos ou erros específicos da linha de base.
  • O suporte para seletores está agora disponível. Inicialmente, apenas algumas partes das folhas de estilo podiam ser fiadas para o suporte da linha de base, apesar do fato de que os seletores também são um tipo de funcionalidade CSS contendo recursos discretos que podem se tornar linha de base. Com esta atualização, os seletores agora podem ser fiados.
  • Suporte para muitas outras funções CSS foram adicionadascomo color-mixAssim, conic-gradiente muito mais.
  • Eslint agora avisará por padrão. Isso foi projetado para criar um padrão no qual uma compilação não lançará erros se você não dizer especificamente a Eslint. Opte para atirar erros se o seu projeto exigir.

Com o passar do tempo, mais atualizações para o use-baseline A regra aterrará – e, como eles, eles serão abordados aqui e em outras postagens do blog, conforme necessário.

browserslist-config-baseline lançamentos

As cadeias de ferramentas modernas usam uma ou mais ferramentas que são influenciadas por um Lista de navegadores configuração (ou padrão assumido). Essas configurações são usadas por ferramentas como PostCSS ou Babel, e sua saída pode ser influenciada pelo conteúdo deles.

Há muito que queríamos ver as ferramentas tomarem um alvo de linha de base como entrada – tão ampla ou recentemente disponível, ou mesmo a linha de base 2024, por exemplo – e emitir uma consulta de navegação válida. Agora isso o browserslist-config-baseline pacote foi lançado, é possível fazer exatamente isso.

A capacidade de traduzir um alvo de linha de base em uma consulta de navegação válida é enorme. Dependendo dos recursos que você usa em seus projetos, você tem uma ótima oportunidade para adaptar a saída do CSS e JavaScript do seu projeto – incluindo até mesmo o poli -alvo com core-js e Babel. Isso significa que você pode enviar menos código na produção, o que pode ter algumas implicações positivas para o seu projeto.

Para mais informações, consulte nossas demos de ferramentas para ambos Babel e POSTCSS Para ter uma idéia de como isso pode funcionar em sua cadeia de ferramentas existente.

Se você quer ficar embaixo do capô com browserslist-config-baseline Será útil para você saber que depende de o subjacente baseline-browser-mapping pacoteque recentemente adicionou alguns novos recursos:

Linha de base no webinar de Rumvision

Recentemente, nosso próprio Tony Conway apareceu com Erwin Hofman em um webinar com Rumvision. Como consultor do ecossistema da Web no Google, Tony trouxe uma excelente cartilha para a linha de base para o webinar, juntamente com um mergulho profundo em como tudo se reúne com o trabalho que várias equipes aqui no Google estão se tornando úteis para os desenvolvedores. É uma ótima maneira de acelerar como tudo funciona, e recomendamos que você demore um tempo para conferir.

Como você deve ter notado em alguns outros lugares nesta edição do resumo mensal, vinculamos algumas demos em nosso baseline-demos Repositório do GitHub. Há algumas coisas muito legais nessas demos que mostram o que você pode realizar com a linha de base em vários pipelines de ferramentas e outros usos aplicáveis ​​- como integrar um Servidor MCP da linha de base Com seus agentes de codificação de IA, você pode modernizar seu código gerado, tornando-o mais consciente da linha de base.

Com o passar do tempo, adicionaremos mais demos à seção de ferramentas deste repositório. Enquanto fazemos, vamos chamá -los em futuras edições do Digest.

Isso é um envoltório!

Abril foi um mês bastante movimentado para a linha de base – e, ao abordarmos o Google I/S, esperamos ainda mais desenvolvimentos nesse espaço. Fique de olho em novos artigos sobre a linha de base, bem como postagens de blog. Se você perder qualquer coisa, teremos certeza de que você pega na edição de maio da digestão mensal.

Como de costume, Deixe -nos saber Se perdemos qualquer coisa relacionada à linha de base, e garantiremos que ela seja capturada em uma edição futura. Vejo você em um mês!

Written by

Categorias