Requisitos: Fetch Event Source é um streaming SSE implementado pela Microsoft, construído com pacotes NPM, não pode ser usado diretamente no navegador e requer que o pacote NPM seja compilado em um script JavaScript executado pelo navegador.
NPM é uma ferramenta de gerenciamento de pacotes Node, implementada com base no padrão Node API, enquanto JavaScript é uma linguagem de script que roda no navegador, baseada no padrão ECMAScript. Devido aos padrões diferentes, os pacotes NPM não podem ser executados diretamente no navegador.
Ferramentas de embalagem comumente usadas:
- Webpack: Webpack é uma das ferramentas de empacotamento front-end mais populares disponíveis, pode lidar com JavaScript, folhas de estilo, imagens e outros recursos, além de suportar desenvolvimento modular.
- Parcel: Parcel é uma ferramenta de empacotamento sem configuração que lida automaticamente com dependências e empacota projetos, tornando-se ideal para construir projetos rapidamente.
- Rollup: O Rollup foca em empacotar bibliotecas JavaScript, que podem empacotar múltiplos módulos em um único arquivo e suporta otimização com Tree Shaking.
- Browserify: O Browserify permite que você use o sistema de módulos da Node.js no seu navegador, que pode empacotar módulos CommonJS em código reconhecível pelo navegador.
- Grunt: Grunt é uma ferramenta de automação de tarefas que pode ser usada para empacotamento, comprimir, mesclar e outras operações, como empacotamento de código.
- Gulp: Semelhante ao Grunt, o Gulp é uma ferramenta de automação de tarefas, mas usa código em vez de configuração para tornar as definições de tarefas mais concisas e claras.
- Brunch: Brunch é uma ferramenta de empacotamento front-end rápida e fácil que pode lidar com JavaScript, CSS, HTML e outros arquivos, além de suportar extensões de plugins.
Este artigo requer duas ferramentas:browserify、Apoucar(Compressor para arquivos JS, CSS, HTML e IMG)
Primeiro, crie uma nova pasta e rapidamente inicialize um projeto Node com o seguinte comando:
revisarpackage.jsonO documento diz o seguinte:
Instale browserify, minify, fetch-event-source, o comando é o seguinte:
Execute o comando de compilação da seguinte forma:
Onde: -r especifica o nome do pacote npm a ser compilado -s O nome do módulo usado no código (nome personalizado de acordo com seus próprios hábitos)
Após a execução ser concluída, o event.min.js é o arquivo comprimido, como mostrado na figura abaixo:
Copie o conteúdo event.min.js para o console do navegador para testes, como mostrado na imagem abaixo:
(Fim)
|
Publicado em 25/04/2024 20:28:21
|
|
|
|
