HTML
Extensões suportadas: htm
, html
Arquivos HTML são frequentemente utilizados como ponto de entrada para o Parcel, mas também podem ser referenciados pelos arquivos JavaScript, por exemplo, para fornecer links para outras páginas. Os endereços dos scripts, estilos, mídias e outros arquivos HTML são extraídos e compilados como descrito acima. As referências são reescritas no HTML para que elas sejam referenciadas corretamente. Todos os nomes dos arquivos devem ser relativos ao arquivo HTML principal.
<html>
<body>
<!-- referenciando um arquivo de imagem -->
<img src="./images/header.png">
<a href="./other.html">Link para outra página</a>
<!-- importando um pacote JavaScript -->
<script src="./index.js"></script>
</body>
</html>
PostHTML
PostHTML é uma ferramenta pra transformar HTML com plugins. Você pode configurar o PostHTML com o Parcel ao criar um arquivo de configuração com um desses nomes: .posthtmlrc
(JSON), .posthtmlrc.js
, or posthtml.config.js
.
Instale plugins na sua aplicação:
yarn add posthtml-img-autosize
Então, crie o .posthtmlrc
:
{
"plugins": {
"posthtml-img-autosize": {
"root": "./images"
},
"posthtml-modules": {
"root": "./src"
}
}
}
Quando for importar módulos usando o posthtml-modules
, ao começar caminhos com /
, eles serão relativos a ./src
.
Plugins são especificados nas chaves do objeto plugins
, e as opções são definidas usando os valores do objeto. Se não houver opções para um plugin, basta configurá-lo como true
em vez disso.
Ajude-nos a melhorar esta documentação
Se alguma coisa estiver faltando ou não estiver inteiramente clara, por favor crie uma issue no repositório deste site ou edite esta página.