Add webpack #149

rodfersou · 2017-11-22T18:51:55Z

No description provided.

rodfersou · 2017-11-23T13:45:23Z

falta alterar o readme com instruções de uso, baseado na descrição do sc.recipe.staticresources

idgserpro · 2017-11-23T14:10:02Z

@rodfersou a instância não sobe:

zope.configuration.config.ConfigurationExecutionError: <type 'exceptions.OSError'>: [Errno 2] No such file or directory: '/home/05232887602/git/brasil.gov.temas/src/brasil/gov/temas/jbot'
  in:
  File "/home/05232887602/git/brasil.gov.temas/src/brasil/gov/temas/configure.zcml", line 17.2-20.8
    <browser:jbot
        directory="jbot"
        layer="brasil.gov.portal.interfaces.IBrasilGov"
        />

hvelarde · 2017-11-23T14:11:44Z

.gitignore

@@ -22,3 +22,4 @@ parts/
 src/collective.cover/
 var/
 /dist/
+src/brasil/gov/temas/themes/brasilgovtemas.js


boa! faltou esse aqui: src/brasil/gov/temas/themes/padrao/brasilgovtemas.css e possivelmente também esse src/brasil/gov/temas/themes/padrao/css/padrao.css.map

@hvelarde será que é uma boa mesmo? Será que não seria melhor documentar. Até o plone versiona os arquivos compilados:

https://github.com/plone/plonetheme.barceloneta/blob/master/plonetheme/barceloneta/theme/less/barceloneta-compiled.css

sim e isso é uma pésima ideia que está fazendo crescer os repositórios de forma absurda: imagina só, eu mudo uma letra em um CSS e ele ao invés de mudar uma linha no controle de versões vai armazenar um arquivo de 50KB completamente diferente e sem possibilidade nem o menor sentido de revisar; eu já falei isso para eles lá.

todo arquivo gerado automaticamente deve ficar fora do controle de versões: traduções, JS e CSS minificado, imagens optimizadas... todo.

deve ser sim documentado que sempre tem que rodar o comando do webpack que gera as coisas antes do release.

@hvelarde voce não entendeu o por que disso...

Eu adicionei no ignores o arquivo brasilgovtemas.js por que não precisamos dele, só que o webpack insiste em gerá-lo.

Pesquisei um pouco e não existe uma forma oficial de não gerar esse arquivo, então estou ignorando ele.

@idgserpro @hvelarde essa idéia de remover arquivos compilados precisa ser melhor estudada ainda; vamos deixar para um próximo passo.

@hvelarde para não ter essa implicação de alterar todo arquivo por estar minificado, podemos gerar o arquivo sem minificar, e deixar que o Plone minifique; Dessa forma não iria ter que guardar o arquivo todo a cada alteração

mas eu já pensei e não tem muita ciência: quem desenvolver, gera os arquivos a cada mudança, isso inclusive pode ser automatizado no buildout; que faz o release tem que ficar ligado que tem que gerar os arquivos antes de fazer o release do mesmo jeito que se faz com as traduções, até poderíamos fazer um plugin para o zest.releaser.

quem usa, não tem nada a fazer, pois o arquivo compilado está incluso no egg.

entendido! ja está pronto, obrigado

Isso acontece por que por design webpack é feito para processar arquivos JS, então no mínimo ele deve gerar um arquivo JS.

Mas no futuro podemos precisar de um arquivo de js. Então isso vai deixar de ser um problema, correto?

@idgserpro hoje em dia os arquivos JS estão no brasil.gov.portal;

Mas não vejo isso como um problema, somente não usamos.

hvelarde · 2017-11-23T15:32:01Z

@rodfersou @idgserpro precisa rebase do 2.0.

idgserpro · 2017-11-23T15:53:46Z

webpack/app/rules.xml

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>


Qual o sentido do rules.xml estar aqui?

Facilitar a edição dos arquivos, na prática trabalhamos somente na pasta webpack, e ele copia os arquivos para src/brasil/gov/temas/themes

Então não seria o caso de ignorar eles também lá na pasta themes/padrao também, como foi feito com o css?

é uma opção sim, mas eles são alterados muito menos que os outros arquivos, e não são minificados;

conversamos sobre uma possibilidade aqui, e vou tentar mudar isso mais adiante.

Esse pull request ja está grande demais, gostaria de mesclar ele e continuar em branches menores

idgserpro · 2017-11-23T15:55:22Z

webpack/app/index.html

@@ -0,0 +1,212 @@
+<!DOCTYPE html>


O index.html precisa estar aqui?

sim, achamos melhor deixar o index.html e o rules.xml na pasta do Webpack, sendo assim sempre que precisar alterar o index.html ou rules.xml, altera no Webpack e ele é copiado para todos os temas.

Então não seria o caso de ignorar eles também lá na pasta themes/padrao também, como foi feito com o css?

é uma opção sim, mas eles são alterados muito menos que os outros arquivos, e não são minificados;

conversamos sobre uma possibilidade aqui, e vou tentar mudar isso mais adiante.

Esse pull request ja está grande demais, gostaria de mesclar ele e continuar em branches menores

idgserpro · 2017-11-23T15:58:44Z

src/brasil/gov/temas/themes/padrao/index.html

+    <![endif]-->
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
+    <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
+    <link href="brasilgovtemas.css" rel="stylesheet">


O ideal é ter o css registado no Plone. Já tivemos problema de cache quando fazemos sem registar.

… CSS

* Add webpack * Run build-brasilgovtemas after run buildout to automatically generate CSS * Describe default use case when develop the themes

rodfersou force-pushed the add-webpack branch from 82e0d39 to eb2cf3f Compare November 22, 2017 19:01

rodfersou added the in progress label Nov 22, 2017

rodfersou force-pushed the add-webpack branch 3 times, most recently from daeb4e0 to 3a08849 Compare November 23, 2017 13:42

rodfersou requested a review from agnogueira November 23, 2017 13:43

rodfersou added ready and removed in progress labels Nov 23, 2017

rodfersou requested review from hvelarde and idgserpro November 23, 2017 13:44

hvelarde reviewed Nov 23, 2017

View reviewed changes

hvelarde force-pushed the 2.0 branch from 428a97c to 0bc50ce Compare November 23, 2017 15:30

hvelarde force-pushed the 2.0 branch from 0bc50ce to e1d693d Compare November 23, 2017 15:51

rodfersou force-pushed the add-webpack branch 2 times, most recently from 5221b4c to 7e6877a Compare November 23, 2017 16:02

idgserpro reviewed Nov 23, 2017

View reviewed changes

rodfersou force-pushed the add-webpack branch 2 times, most recently from 1cc3efe to 1a1295a Compare November 23, 2017 16:32

rodfersou added 2 commits November 23, 2017 14:40

Add webpack

1a1295a

Run build-brasilgovtemas after run buildout to automatically generate…

63d79b8

… CSS

rodfersou force-pushed the add-webpack branch 5 times, most recently from 2811e3e to 4dd3ff1 Compare November 23, 2017 18:57

Describe default use case when develop the themes

4dd3ff1

hvelarde merged commit 54bd2c0 into 2.0 Nov 23, 2017

hvelarde deleted the add-webpack branch November 23, 2017 19:33

hvelarde pushed a commit that referenced this pull request Dec 22, 2017

Add webpack (#149)

cd481ed

* Add webpack * Run build-brasilgovtemas after run buildout to automatically generate CSS * Describe default use case when develop the themes

hvelarde pushed a commit that referenced this pull request Dec 22, 2017

Add webpack (#149)

bf68cbd

* Add webpack * Run build-brasilgovtemas after run buildout to automatically generate CSS * Describe default use case when develop the themes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Add webpack #149

Add webpack #149

rodfersou commented Nov 22, 2017 •

edited

rodfersou commented Nov 23, 2017

idgserpro commented Nov 23, 2017

hvelarde Nov 23, 2017 •

edited

idgserpro Nov 23, 2017

hvelarde Nov 23, 2017 •

edited

rodfersou Nov 23, 2017

rodfersou Nov 23, 2017

rodfersou Nov 23, 2017

hvelarde Nov 23, 2017

rodfersou Nov 23, 2017

idgserpro Nov 23, 2017

rodfersou Nov 23, 2017

hvelarde commented Nov 23, 2017 •

edited

idgserpro Nov 23, 2017

rodfersou Nov 23, 2017

idgserpro Nov 23, 2017

rodfersou Nov 23, 2017

idgserpro Nov 23, 2017

rodfersou Nov 23, 2017

idgserpro Nov 23, 2017

rodfersou Nov 23, 2017

idgserpro Nov 23, 2017

Add webpack #149

Add webpack #149

Conversation

rodfersou commented Nov 22, 2017 • edited

rodfersou commented Nov 23, 2017

idgserpro commented Nov 23, 2017

hvelarde Nov 23, 2017 • edited

Choose a reason for hiding this comment

Choose a reason for hiding this comment

hvelarde Nov 23, 2017 • edited

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

hvelarde commented Nov 23, 2017 • edited

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

rodfersou commented Nov 22, 2017 •

edited

hvelarde Nov 23, 2017 •

edited

hvelarde Nov 23, 2017 •

edited

hvelarde commented Nov 23, 2017 •

edited