static webpack boilerplate

Boilerplate estático do Webpack

Boilerplate Webpack mínimo e moderno para construção de sites estáticos

Site de demonstração

---

Destaques

• Fácil de usar
• Inclui configuração otimizada de Webpack e Babel
• Pontuação perfeita do Farol
• Carregamento sem bloqueio de CSS e fontes
• Erros e avisos amigáveis
• Garante código limpo com xo e stylelint
• Normaliza o estilo padrão do navegador com normalização moderna
• Modelo HTML com meta tags de mídia social
• Segmenta os navegadores mais recentes
• Funciona off-line

Árvore de arquivos

├── public                                      # Main folder
│   ├── css                                     # Subfolder with css
│   │   ├── main.css                            # Main CSS file
│   ├── fonts                                   # Subfolder with fonts
│   │   ├── open-sans-v16-latin-regular.woff    # .woff font
│   │   └── open-sans-v16-latin-regular.woff2   # .woff2 font
│   ├── images                                  # Subfolder with images
│   │   ├── favicon.png                         # Favicon
│   ├── js                                      # Subfolder with JavaScript
│   │   ├── main.js                             # Main (entry) file
│   └── index.html                              # HTML template
├── .npmrc                                      # npm config
├── .stylelintrc                                # stylelint config
├── .travis.yml                                 # Travis CI config
├── package.json                                # Package config with scripts, list of dependencies etc.
├── webpack.config.js                           # Webpack config
├── babel.config.js                             # Babel config 

Uso

 # Install dependencies

 $ npm install
 
# Start webpack-dev-server at port 8080

 $ npm start
 
# Run linters

 $ npm test
 
# Build app for production (gets output in the 'dist' directory)

 $ npm run build

Implantando

Eu recomendo usar Zeit Now ou Netlify para hospedar seu site.

PENDÊNCIA

• HMR
• Teste

Relacionado

• estilo-react-boilerplate

Licença

MIT