antoniomjr / estudo-webpacke

Dentro da pasta /client e execute o comando:

npm install

Este comando baixará todas as dependências utilizadas pelo projeto. Depois de baixadas, execute o script:

npm run watch

Esse script compilará todos os arquivos e travará o terminal aguardando futuras atualizações nos arquivos. Porém, para acessar a aplicação ainda será necessário levantar o servidor. É um servidor disponibilizado com o projeto, mas ao longo dos commits irá ser substituído pelo Webpack Dev Server.

Caso queria veja atraves do primiero commit para levantar o servidor é necessário abrir uma nova aba no terminal ou um novo terminal. Neste novo terminal, acesse a pasta /server. Dentro da pasta, execute o comando:

npm start

Para acessá-la, basta entrar com o endereço http://localhost:3000

Foi removido o babel-cli e systemjs npm unistall babel-cli --save-dev npm unistall systemjs --save

E instalado o webpack versão 3.1.0 e babel core para automatizar o processo npm install [email protected] [email protected] --save-dev

Para a minificação do bundles em foi usada um cross plataforme chamando cross-env npm install [email protected] --save-dev

Instalação do webpack dev server. Ele faz a build do projeto npm install [email protected] --save-dev

Usando a plataforma Node.js para gerenciar as dependências de frontend. Nesse sentido, Webpack será o responsável pelo carregamento dessas dependências adicionando-as no bundle da aplicação. npm install [email protected] --save

Insladando um loader para o webpack ler o arquivo csss como modulo npm install [email protected] [email protected] --save-dev npm install [email protected] [email protected] --save-dev

ajustando a minificação do css em prod com 2 plugins npm install [email protected] --save-dev npm install [email protected] --save-dev