Skip to content

Instantly share code, notes, and snippets.

@dbasilioesp
Created November 7, 2019 19:49
Show Gist options
  • Save dbasilioesp/345ee69cdac4f210dcd6c64980877775 to your computer and use it in GitHub Desktop.
Save dbasilioesp/345ee69cdac4f210dcd6c64980877775 to your computer and use it in GitHub Desktop.

Template Builder

Instalação

npm install

Desenvolvimento

Durante o desenvolvimento, rode o seguinte comando com a configuração do template dentro de webpack.config.js:

npm run develop

webpack.config.js

    ...
    plugins: [
        ...
        new HtmlWebPackPlugin({
            template: "./pages/black-friday.pug",
            filename: "./index.html"
        })    
    ]

Testando envio de email

Antes de começar, crie uma conta em um serviço de email que ofereça transporters, podendo ser Postmark: https://postmarkapp.com/, e adicione essa configuração ao env:

POSTMARK_USER=
POSTMARK_PASSWORD=
POSTMARK_SMTP=
POSTMARK_PORT=

Para testar o envio de email é preciso ter um servidor no root do projeto:

php -S locahost:8000

E em seguida criar um proxy desse servidor local para um host externo usando ngrok:

ngrok http 8000

Isso irá gerar uma url de acesso externo, copie essa url e cole no seu arquivo .env:

HOST=http://8b71501c.ngrok.io

Após tudo estar configurado, rode o seguinte comando para testar a build do webpack:

npm run build:sendmail

E dentro do arquivo mail.js está a configuração de envio de email, após verificar tudo, envie o email com o seguinte comando:

npm run sendmail

Produção: entragando para o cliente

Para entregar a versão final para o cliente rode o seguinte comando:

npm run build:production

Esse comando irá gerar os arquivos finais dentro de dist, entre nessa pasta e zip os arquivos que estão lá.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment