Meu grande IE (￣ ^ ￣)
IE9 sem polyfill
A seguir está o desempenho de uma demonstração simples que escrevi sem introduzir polyfill no IE 9. O ambiente de teste é o IE9 com modo de documento modificado do IE11.
O console pode relatar o seguinte erro:
* Module not found: Error: Can't resolve 'core-js/modules/es.function.name'
Polyfill IE9
A seguir está o desempenho após eu apresentar o polyfill, testar alguns componentes comumente usados, o desempenho ainda é muito bom. Exceto para o Spin dispensável, aqui é suavemente degradado para essa aparência feia.
Cenários de aplicação
Devido a necessidades de trabalho, acredito que algumas pessoas precisarão tornar seus projetos compatíveis com o IE 9. Isso soa um pouco desumano, mas essa necessidade pode ser facilmente alcançada configurando o Babel. Não fale bobagem, então vá diretamente para o código.
main.js
package.json
babel.config
.browserslistrc
> 1%
last 2 versions
Aqui está uma lista de configuração do navegador, estou aqui para continuar a usar a configuração padrão Vue Cli, podemos através dos resultados do site correspondentes à consulta.
Princípio de realização
Aqui, para focar na imagem diretamente, de acordo com a configuração na imagem pode resolver o problema de compatibilidade do IE9.
Pode ser devido a uma atualização de versão do babel ou outros motivos, que me levaram a relatar um erro de acordo com o método de compatibilidade anterior. Os guias do site oficial do Babel têm todos os tipos de saltos estranhos, que fazem com que as pessoas não consigam encontrar as regras.Aqui também li a documentação aos poucos por um longo tempo antes de tentar. Para uma compreensão mais aprofundada dos itens de configuração, pode consultar o site oficial do Babel, que é a melhor solução para a raiz do seu problema.
Atualizado em 05/03/2020 às 22:33
Você não pode responder a comentários, nem pode responder a si mesmo. Endereço Git